Keep grid design on mobile?

3. It’s because it’s not the right way to make your layout. You should only need 4 container block under the Grid, and keep on adding images to the 4 containers. If you add 5th container, it will wrap.

Ok, but if I add only 4 container blocks, I can’t fill out all horizontal space, if I want to achieve a grid of small images with a container width of 10-20%?

View post on imgur.com

View post on imgur.com

What if I add 6, 8 or 12 container blocks, as long as it is an even number?

Thanks

• This reply was modified 2 years, 11 months ago by Carsten Lund.

but if I add only 4 container blocks, I can’t fill out all horizontal space

You have 4 container blocks, in order to fill the horizontal space, each container width would be 100% / 4 = 25%. If you want to use 20% for each container, then there need to be 5 containers.

Hope I made the it clear ??

What if I add 6, 8 or 12 container blocks, as long as it is an even number?

As long as the total width of the containers is 100%.

You can add a headline block with in the same container that the Grid block nested in.

Then set negative top margin to the headline block, eg. -200px.

Hi Ying, the reason I ask this rhetoric question is because you wrote:

You should only need 4 container block under the Grid If you If you add 5th container, it will wrap.

So everything’s clear now?

Let me know if there’s anything you don’t understand ??

Thanks for your help, I appreciate it ??

Glad to hear that ??

You are welcome!