Archived topic

Full screen container

7 replies · Started by Matthieu on January 21, 2021

Viewing posts 1–8 of 8

January 21, 2021 at 1:06 pm #1628425

Hello, is there a solution to know the margin to use so that the container is responsive? A full screen container whether on mobile, pc or tablet.

Example on the link below, I would like my container to arrive at the bottom of the screen.

Currently there is a white bar at the bottom.

Thanks

January 21, 2021 at 1:11 pm #1628431

Do you mean this bar?
https://www.screencast.com/t/Nb74aJFNGa

It's from the margin added to the container. If you want the container longer, using padding top/bottom instead of margin.

Let me know :)

January 21, 2021 at 1:34 pm #1628461

Ah well I see that your display is not the same as mine.

What I would like is that the container with the image in blue background is full screen. That we see this container when we arrive on the page.

I don't know if I'm explaining myself well, it's not easy with google translate. 😅

Thanks

January 21, 2021 at 2:45 pm #1628520

Try to change the inside container padding from 180px to 300px, see if that works :)

January 21, 2021 at 2:49 pm #1628525

Yes it works but the problem is that I think it does not work on all screen sizes, it will solve the problem on my 13 "screen but maybe not on a bigger screen.

Are there any standard settings, maybe in css? So that this container is responsive and automatically takes the size of the screen on any medium ?

Thank you for your time. 😀

January 21, 2021 at 3:33 pm #1628555

As far as I know, that's not possible, unless you have no other content in this page.

January 21, 2021 at 3:47 pm #1628559

Ok Thanks !

January 21, 2021 at 4:31 pm #1628592

No problem :)

This archived topic is closed to new replies.

Start building better websites today.