Flexbox Dynamic Lists - Formatting Issue (overlay issue)

Design help General
1

Hi,

I recently changed some of my content to flexbox format for collection lists. As outlined here: (https://webflow.com/blog/designing-dynamic-lists-with-flexbox) Everything seems fine but when I go into tablet / phone view I see I have a major problem with overlapping content.

I’ve been trying to figure this out for a while. I’m sure it’s something simple but can’t figure it out. Any ideas?

(Just on homepage)

https://preview.webflow.com/preview/angelreads?preview=8bab902921623d7410d08e257b9a0292

Thanks!

Here is my public share link: https://preview.webflow.com/preview/angelreads?preview=8bab902921623d7410d08e257b9a0292
(how to access public share link)

2

This is a safari issue. Try setting your elements to display:block for tablet and mobile.

3

Hi Nelson,

Thanks for the advice. I don’t think its just safari as it occurs in chrome as well for me. I’ve tried block format and it doesn’t seem to work. I assume you mean for ‘collection item 2’ display:block format?

Thanks