Jump to content

3 Images next to each other on desktop // mobile only 2 and one big

Recommended Posts

Hello I have the following problem.

In my blog articles (https://www.laila-schreibt.com/blog/mondgenuss-marbachegg) I always show 3 images in a row / next to eachother. But on mobile it looks not good, because then there are 2 images on the top, and one down on the left side. I dont like the huge white space that's created. Is there a way to customize CSS - so when I have 3 images next to each other, in the mobile version there will be 2 images on the top and the third image is big and aligned under the two images.

It would be great if I can do this once for the whole website, and not for every block...

Thank you so much!

Bildschirm­foto 2023-04-19 um 21.34.01.png

Link to comment
  • Replies 5
  • Views 327
  • Created
  • Last Reply

Top Posters In This Topic

Thank you! Now all three pictures are next to each other. This works, but it affects of course the landscape pictures too (see annex 1). And they're now to tiny. Is there a way to say in CSS, that 2 of the 3 vertical pictures are next to each other and the third one is displayed full frame under the 2 pictures? 🙂 (see annex 2).

 

Thank youuu

Bildschirm­foto 2023-04-28 um 14.24.05.png

Bildschirm­foto 2023-04-28 um 14.35.08.png

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.