CPharmacyScot

I wouldn't generally recommending changing URLs unless there is a good reason for doing so. However, if they do need to change, for example, products will inherit "/p/" as part of the URL on v7.1, then you can create redirects in the URL mappings panel.
Did this help? Please give feedback by clicking an icon below  ⬇️

Instead of placing each card in a separate code block, could you place each within a single code block set up as a flex grid? That way you can control the way that they stack on different screen sizes and you should still be able to get the offset look with nth-child(even) and a margin-top value. 

Hi CPharmacyScot,
I took a look at your website -- it looks nice by the way! You'll need to adjust the media queries for both mobile and tablet. You'll end up with 2 separate CSS queries. You'll need to decide the breakpoints, but mobile is almost always set as "640px" or below.
Another note, on my end all of the circle images in the rows are oval-shaped, I'm not sure is that was the intended look, but either way looks good!
Best,
Dan
 

Site URL: https://leopard-tan-mfgs.squarespace.com/
Hi,
I have designed a homepage where I have:
carousel (sqs-col-3) | Column of four Buttons using code-blocks (sqs-col-3) | Column of four Buttons using code-blocks (sqs-col-3)
When it get's to mobile, squarespace does an excellent job of optimizing this all that had to be done is touch up the margins using a media query.
The problem is that I can't find a way to optimise it for Tablets. I am hoping that I can place the two columns of code blocks to sit underneath the carousal. Any help or advice would be greatly appreciated. thank you!
Site URL
https://leopard-tan-mfgs.squarespace.com/
Access Password
CPs!2021

First you need to target the text block id using this
https://chrome.google.com/webstore/detail/igjamfnifnkmecjidfbdipieoaeghcff
and try some approaching to apply text overflow via css
Line Clampin' (Truncating Multiple Line Text) | CSS-Tricks