jandb Posted October 18, 2022 Share Posted October 18, 2022 (edited) Site URL: https://jasonandblue.com Hello, I would like my home page to maintain 3 columns across on a desktop. On higher resolution monitors, if I stretch the page out, the index creates new columns and brings items up to the first row. See examples of what I am looking for in attached image. I would still like it to resize properly for mobile however. Jason & Blue - Directing Duo (jasonandblue.com) Any tips on how to make this happen? Thanks! Edited October 18, 2022 by jandb Link to comment
Featured Comment tuanphan Posted October 19, 2022 Featured Comment Share Posted October 19, 2022 Add to Design > Custom CSS @media screen and (min-width:901px) { div#grid { height: auto !important; display: grid; grid-template-columns: repeat(3,1fr); } div#grid>.item { position: static !important; width: 100% !important; height: auto !important; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
jandb Posted October 19, 2022 Author Share Posted October 19, 2022 wow, thank you! tuanphan 1 Link to comment
Recommended Posts
Posted by tuanphan,
0 reactions
Go to this post
Create an account or sign in to comment
You need to be a member in order to leave a comment