I am working through the Summer Nights CSS Grid Tutorial, No. 9: responsive pages. I have duplicated the body rule x 2, and set the media inquiries for XL and LG, leaving the final one is for SM with no media inquiry set. So far so good, but while the grid shows normally for XL and LG, I can not get anything for the Sm size. What am I missing? Thanks.
Are you able to post your code snippet? That would help for analysing.
Thanks for quick reply.
Try enclosing all your code within triple-tilde symbol
I see your body tag doesn’t have any grid related class… are you able to share your style.css also, if your grid definitions are within classes instead of as inline style.
You will have to place the same body tag without being enclosed in a media query which will act as the default (for devices smaller than 992px like SM & MD)… You will have to place the same above the two media queries in your screenshot…
It would look like this:
Ok, I’ll give it a go. Thanks for that!
That’s it. Thank you very much.