Formatting blog post previews for mobile

What’s the best way to format blog post previews for mobile?


Here is my site Read-Only: https://preview.webflow.com/preview/steven-kryger?utm_medium=preview_link&utm_source=designer&utm_content=steven-kryger&preview=62a295e224cb5d429f7f0fc210c0f956&mode=preview

Hello Steve

From my perspective you could stretch each card to be 2 columns wide ( only one in each row), after that you could drop down size of the image a bit to 200-250px, size down “text block 2” or make it display none on mobilee since you have a lot of text for each card both in name and desc. Also you could resize the button and its text and apply same logic for Line Height of all previously mentioned elements. For the grid you could boost up spacing to let’s say 30px from row to row.

Webflow Experts at Flow Ninja Support Team!

1 Like