Guest Posted April 11, 2021 Posted April 11, 2021 Site URL: https://bohemia.squarespace.com/%C2%A0%C2%A0 Hello All! I have a CSS question. On desktop I am working on a website with several overlapping collages that look great on desktop, however, I cannot crack the code for making them look good on mobile. I have tried several CSS codes to try and make the mobile version aesthetically pleasing, but nothing is working. Anyone have any idea how to make colleges (such as the one in the photo) look decent on mobile? Im not sure if its even possible, if so let me know and I will reconsider my overall design approach. Thanks in advance! Website: https://bohemia.squarespace.com/ Password: bohemia
Beyondspace Posted April 11, 2021 Posted April 11, 2021 8 minutes ago, Brooke_Shea said: Site URL: https://bohemia.squarespace.com/%C2%A0%C2%A0 Hello All! I have a CSS question. On desktop I am working on a website with several overlapping collages that look great on desktop, however, I cannot crack the code for making them look good on mobile. I have tried several CSS codes to try and make the mobile version aesthetically pleasing, but nothing is working. Anyone have any idea how to make colleges (such as the one in the photo) look decent on mobile? Im not sure if its even possible, if so let me know and I will reconsider my overall design approach. Thanks in advance! Website: https://bohemia.squarespace.com/ Password: bohemia On mobile, it better to have them stack BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - PDF Lightbox popup - ...) </> 🗓️ Delivery Date Picker (Date picker form field) Gallery block 7.1 workaround </> No-code customisations for Squarespace
Guest Posted April 11, 2021 Posted April 11, 2021 @bangank36 ok thanks! is there a way to make them stack on mobile without jeopardizing the look on desktop! I am fairly new to CSS and teaching myself, so I apologize if this is a rookie question!
Beyondspace Posted April 12, 2021 Posted April 12, 2021 10 hours ago, Brooke_Shea said: @bangank36 ok thanks! is there a way to make them stack on mobile without jeopardizing the look on desktop! I am fairly new to CSS and teaching myself, so I apologize if this is a rookie question! Wrap you twist into this media query css to let it apply on desktop (large screen only) @media only screen and (max-width: 768px) { /* Place your code here */ } Responsive Web Design Media Queries (w3schools.com) BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - PDF Lightbox popup - ...) </> 🗓️ Delivery Date Picker (Date picker form field) Gallery block 7.1 workaround </> No-code customisations for Squarespace
Recommended Posts
Archived
This topic is now archived and is closed to further replies.