Problem With my GRID

Hello guys,

I have a problem with my grid on my hobby-project.
When I customize my (flags-grid) from mobile to large screen.
I took some screens too show you guys, when I do changes for large screens, for some reason it also changes for mobile..
(Sorry for my bad English)

This is my project:
elementsapp://downloadDocument/Q6Anl6JIZNu9

Greetings,
Mike



you have to start at mobile and override the settings as you go to different breakpoints
I think thats what you mean..i

Hii,

I started as mobile first, that’s the crazy part. XD

did you click the override button as you go up…little dot net to the number of columns

Yes,

That’s why I uploaded the screens as well, to show. Haha :stuck_out_tongue:

those shots show 4 columns on wide and 2 on mobile so whats the problem?

This is the problem:



See the difference between pic 1 and pic 3
I changed the values for large screen (pic 2) and the text on my mobile screen jumped down for some reason (pic3)

your talking about text then?

Yes indeed :stuck_out_tongue:

then you surely do same with text boxes..ie start mobile work way up overriding each breakpoint!!! your images are showing grid properties so you in the wrong place

You need to put each flag and its associated text in a container, so they stay together, I think?

yes I was going to just say that.logrunner… I created global then dropped in grid then unlink them to put stuff in

1 Like

as per above

hopefully this helps

I forgot about my dark mode

1 Like

also works on default containers – didn’t set gaps

1 Like

Thanks peeps! :smiley:

1 Like