Page 1 of 1

Desktop vs Portret design

Posted: Mon Jun 24, 2024 8:12 am
by joostenw
I want a layout on my desktop that looks like this: left text - right photo, next block left photo - right text, next block left text - right photo, etc. If I create a layout based on this desktop layout, I cannot create a responsive page for a portrait view (mobile phone) that has the format photo - text, photo - text, photo - text, etc. Is there a simple solution to this problem?

Re: Desktop vs Portret design

Posted: Mon Jun 24, 2024 8:52 am
by Pablo
What does it currently look like and what would you like to be different?

Image

Re: Desktop vs Portret design

Posted: Mon Jun 24, 2024 9:25 am
by joostenw
Is deze link toereikend Pablo?

https://www.ars-vitae.de/

Op mijn desktop pc heb ik de volgorde: tekst-foto, volgend blok: foto-tekst, volgende blok tekst-foto etc.
In de resposive portret view (mobiele telefoon) wil ik de volgorde als volgt hebben: foto-tekst, foto-tekst, foto-tekst etc.
Is zit zonder al teveel extra werk werk te realiseren?

Re: Desktop vs Portret design

Posted: Mon Jun 24, 2024 9:47 am
by Pablo
Je kunt dit doen door de 'order' optie in het breakpoint aan te passen.

Image

Image

The order property can be used to control the display order of the columns. This can be useful to define a different column order in breakpoints.

Re: Desktop vs Portret design

Posted: Mon Jun 24, 2024 12:50 pm
by crispy68
You will need to set the layout grid type to flexbox also.