I’m working on a page where initially you see X number of buttons. Clicking a button takes you to the rule with the number of the button you clicked. There’s obviously a lot to do in styling, I’m just playing around, trying to understand grid now.
Here’s the codepen page: https://codepen.io/JohnPomeroy/project/editor/ABKBaR
The css/html for the grid is from the lesson here. It looks “fine” when I view it on my monitor and fine when I have my monitor pretend to be tablet or phone width. But when I upload it and view using an actual phone, it’s just rows. No columns.
It looks like this (which is my actual code with no grid-template-columns:.
Any help would be appreciated.