[ad_1]
Hi, sorry I can’t figure out the keywords to google this answer. I’d like to lay out some pages and /blog/ to display a 3-column grid, but that would be reduced to 1 or 2 columns based on screen size. The important thing, I want it to stay in order when reduced. What’s a good way to do this? Examples below, thanks!!
Example, 3-column:
|1|2|3|
|:-|:-|:-|
|4|5|6|
2-column:
​
|1|2|
|:-|:-|
|3|4|
|5|6|
Look up CSS grid or flex.
Search for “responsive tables” and you will get plenty of tutorials. As an example https://css-tricks.com/responsive-data-tables/
There should be options with columns block or different page builders widgets, to accomplish that without coding, if it’s easier for you.
This is pretty much how 99% of themes display a blog archive. Use the built in archive pages. Use the wp-Query block. Use WP columns. They all work this way.
The best practice for web is flexbox – and as mentioned, there’s 1m tutorials for it.