I’m building the Product Landing Page project, and when I was making the header, I had a problem with the padding.
Here’s the link: https://codepen.io/asmjota/pen/BaQbVKo
Currently, the padding of the header looks like this:
padding: 0 100px;
This causes everything in the header to be moved only to the right.
The only way I was able to solve this was by changing the width from 100% to any other value in px, such as 1000px.
But that doesn’t solve it, because I would like the header to be responsive.
Anyway, does anyone have any solution for this problem?
I would love to understand why this is going wrong, so that I wouldn’t go through it again.
And if you have any other suggestions for changing the code in any other way, I’m all ears.