[Resolved] grid full-width

[cpalo]

https://demo-pasdt.cahue.dev/nous-contacter/
Hello,
On this page, contact us is inserted in a block grid itself in a container block.
The card is only a block that I forgot to put in a container block.
They are limited in width to the 1200px defined in the global layout.
I would like that on this page they are full width.
cordially

[Elvin]

Hi,

You have this CSS within your simple CSS plugin that conflicts with the Layout Element setting.

@media (min-width: 1024px)
body {
    display: -webkit-box;
    display: -ms-flexbox;
    /* display: flex; */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
}

This is the effect if you remove this: https://share.getcloudapp.com/llunBee4

[cpalo]

I had this css style so that the header stays stuck at the bottom of the page when there is no content.

https://demo-pasdt.cahue.dev/presentation/

How can I do now to have the footer pasted to the bottom of the page when there is not enough content?

[Elvin]

If you must keep the particular CSS if it’s important.

Instead of removing it, you can add this CSS:

div#page {
    width: 100%;
}

[cpalo]

It’s ok. Thanks

[Elvin]

No problem. 😀

[Author]

Posts