Hello the Webflow community
I’m Kevin a French UX/UI designer living in Korea.
I wanted to ask for your help after trying multiple times to make my layout work properly in responsive.
I’m building, for a client, my 1st website on Webflow, I made the desktop version but I’m having some issues with the responsive part.
The main problem is those kind of block:
And this what I wish to do for the tablet:
And finally, seeing the product appear one by one on mobile, which seems to work so far.
I am a designer but I also developed, in the past, some websites from scratch so I understand how it works but I am -stuck- to make it work on Webflow.
I tried 4 versions:
- One working with “div block” as a container
- One with the “Grid” (completely broken)
- One with the “Container”
- One with the “Columns”
“Columns” seems to work and is supported by Internet Explorer (Most of the Koreans use IE ) so I might end up working with it but I heard than Columns is not that great to work with on the long run(!?).
My purpose was to understand why the “div block” and “Container” versions are not working and to know the best practices to build a responsive website.
“Grid” don’t seems to work well on IE so I might pass this option.
Here is my read only website:
Per advance, thank you very much for your help.