Need help with the responsiveness of my CSS project

[ericmita]

Hello,

Im trying to build a webpage but I get stuck when its about its responsiveness. Can you help me?

Below is my code:

https://codepen.io/eric-m/project/editor/Xxkrxr

Thanks!

[Paulie_D]

Perhaps you could clarify what you mean about “responsiveness”.

What exactly is the issue?

We don’t need the whole codebase, just enough to demonstrate the issue.

These sorts of queries usually break down to “don’t use fixed pixel values, use percentages”.

[ericmita]

The issue is that the page is not responsive. More exactly, I want the width and the height of my elements to adjust depending on the screen resolution of the device that is accessing the page.

[Paulie_D]

Try researching “media queries” and, as I said, don’t use fixed pixel values.

[WayneKenney]

The scaling’s a little off at 1080p and higher. You’re using a lot of static pixel values when you should probably consider percentages.

If you want to continue using static values then definitely use media queries:

example: @media only screen and (max-width: 550px) {
.overview
{
}
}

[Author]

Posts