MattIconic Posted January 22, 2021 Share Posted January 22, 2021 Site URL: https://flamingo-fish-258z.squarespace.com/ I currently have a grid of 9 code blocks. They are in a grid of 3x3, and look great on desktop, but when I view them on mobile, they just go into one big line. I found some code from a previous question that allowed for a 3 column grid on mobile, but that's too small for my needs, so I'm looking for a way to do two columns This is the script I had for 3 columns on mobile: /* 3 columns mobile */ @media screen and (max-width:640px) { div#page-section-5fb3c8668ae3d9089a285b49>.row:first-child .span-4 { width: 33.33% !important; float: left !important; } } If I change the width to 50%, it's almost perfect in 2 columns, but then there are 3 blocks at the end that are stacked on one side. Like this: 1 2 3 4 5 6 7 8 9 and I need it to look like: 1 2 3 4 5 6 7 8 9 website: https://flamingo-fish-258z.squarespace.com/ pass: iconic Is there any way to get this working with 2 columns? Thank you in advance! Link to comment
tuanphan Posted January 23, 2021 Share Posted January 23, 2021 You mean girl posters? It looks like you solved this? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment