Grid Width Height

[ICT73]

i set the grille like this:
4fr 1fr 1fr 4fr
2fr 2fr 4fr 2fr
but i can’t get all the height and width in the front end. So I put in a div with 100vh and 100vw and inside below I put the grid, but I can’t get 100vh and 100vw. The only way and insert this directly into the grid.
40vw 10vw 10vw 40vw
20vh 20vh 40vh 20vh
Shouldn’t the div adjust the size of the content then also of the grid?

thanks

[tristup]

Hi @ICTn,

Thanks for reaching out.
It is very hard to replicate the settings without seeing that through the Admin Dashboard. I would suggest you please provide login credentials for your site in a secure note to examine it further, including:

– WordPress Site URL & Login URL
– WordPress Admin username/password
– Exact page URL and the section name where you have added the grid

To create a secure note, click the key icon underneath any of your posts.

Thanks

[christian]

Hey @ICTn,

First, I’d like to answer your question.

@ICTn

Shouldn’t the div adjust the size of the content then also of the grid?

By default, no. The Div element will only affect the alignment and size of its contents if you use the Flexbox Stretch option. You can learn more about Flexbox here https://theme.co/docs/use-flex-layout

Let’s put the settings aside for a moment though as it would be far more important to know what exactly you’d like to accomplish. Maybe there’s a better setting or we can recommend you the correct settings.

With that said, please detail how your content should look from desktop view to mobile view. If you can’t provide a design screenshot, please at least provide some sketches of the layout you wish to accomplish.

Thanks.

[ICT73]

I’d want these grid without set vh and vw on a single element inside in the grid

[ruenel]

Hello @ICTn,

Please check the test Grid I created and see if this works for your desired layout.

See the secure note.

Best Regards.