I am currently redesigning my portfolio, and I am trying to use the CMS more.
For photography i have both landscape and portrait pictures, and in desktop this is not a problem. (Using dynamic list for display)
I have them as background image / no-tile / contained .
The question comes when I go to mobile browser, I would like the portrait images to go full screen, while still limiting landscape height. As of now, I have a max height- which makes portrait images very small.
If I increase the box height, the landscape photos get a lot of white space between them. Any tips?
(Last resort is to ditch the cms, and use regular divblocks)
EDIT: The reason this is a “problem” is that in DESKTOP mode, I have the background images fixed.
Although, since mobile devices have fixed disabled, I need to adjust the images.
EDIT2: I answered myself here. The solution was to hide the first Dynamic List (in mobile devices), and create a new one that is only on mobile devices… That way i can set up an IMAGE ASSET linked to dynamic content on mobile devices, which creates the height itself (and also by setting max height to not screw up)