61885

Dude! Thank you so much! I literally just started learning CSS last week and this has had me incredibly frustrated. I had no idea what to target and looked everywhere but this makes it way clearer. I really appreciate it! I still need to play around with the numbers for stepping it down and everything but this was a massive help!

Site URL: https://www.jeremyleegibbs.com/ When I inspect my homepage it appears to be set up with 12 columns. [2 column Spacer] [4 column image block] [4 column text block] [2 column spacer] This is great for larger screen sizes but on a tablet it makes the text awkward and hard to read. If I use "@media screen and (min-width:640px)" and "@media screen and (max-width:1024px) " is there a way to have the Spacers then span 0 columns and both the Image and Text blocks span 6? I have tried hiding the spacers with: @media only screen and (max-width:1024px) { .sqs-block.sp

When I set it up to remove spacers: @media only screen and (max-width:1024px) { .sqs-block.spacer-block { display:none !important; }} the spacers become invisible but the layout seems unaffected. Is display: none the wrong expression for this scenario?

Oh awesome! I hadn't even considered that! I'll play around with the sizing and see if I can make it work. Thanks so much!

Site URL: https://www.jeremyleegibbs.com/ I want the layout of my pages to stay constant/proportional at all sizes outside of the mobile design. So far I have tried everything I can think of but the layout seems to always break down at the extremes. I have managed a poor work around by setting a min width: @media all and (min-width:640px) { .sqs-layout { display: flex; align-items: center; justify-content: center; min-width: 1024px; } However, when the browser hits the 1024px mark the content of my sub pages is no longer centered. How would I go about keeping

Thank you Tuanphan! It works perfectly!

Hey thanks for the help! I can find the block identifiers for the individual boxes, pages, and collections, but not one that represents an entire row. All of the rows seem to only be yui. Is a row identified differently?

Site URL: https://www.jeremyleegibbs.com/ I have set all of the rows on my site to be horizontally and vertically centered using flex boxes. However, there are a couple places where I would like the items in a single row to be flex start, such as rows with text here https://www.jeremyleegibbs.com/materials . How do you find the static row ID that will not change when the page is reloaded?