tango876

This has been answered. See the code at the link for the media queries. Resize the window there using the slider to see the result.

How to get the divs reduced to 1 column when viewed on a cell phone? See codepen: https://codepen.io/davidhelp/pen/eYXeKaN?editors=1100 At the site you can move the slider / divider to the right to shrink the page.

An explanation. ID vs Class: Which CSS Selector Should You Use? (6 Examples) https://matthewjamestaylor.com/id-vs-class

Is this GRID layout correct? I am using this GRID to practice moving the div's around. I am a bit confused why some number changes make no changes. Example: grid-row-start: 1 grid-row-end: 2 <-- if changed to a 1 no change occurs. Questions: Is grid-row-end needed if you do not go to another row? Why no change? If changed to 3 then the div also occupies row 2 which I understand. See code. https://codepen.io/davidhelp/pen/eYXWEeN