Something wrong with the width?

CodePen

When I make the window bigger, this happens:

When I don’t or I make it smaller, it’s normal:

Why?

Hi @Porphyrogennitos. I notice that you used max-width: 90rem; on your Who are we and History sections. I suggest adjusting this to max-width: 100vw; to allow it to adjust along with the rest of the page. It also should work without even stating what your width will be by default.

Hope this helps.

1 Like

Thank you!

I notice something else now.

As you can see, everything works:

But the width of each line is big! Nobody likes to read that. What is the solution?

Aesthetically your page is very nice. You can always use media queries once the page width gets a certain size and have it adjust how you want it.

If you have an eye for design, then you’ll likely want to practice with media queries to become more confident in using them. It’ll help you control the responsiveness of your pages.

1 Like