Responsive web? What is wrong

Hello
could you please check my code, don’t know what is wrong with it as I want to do it responsive.
Thanks a lot

https://codepen.io/Zszabo/details/MWjJWLB

Hi there,
I suggest reviewing the section Responsive Web Design Principles.

It seems to be working. What problem are you facing?

This is my problem, the 2. picture. The navigation.

You use @media to correct the width of the nav bar.

The containers do share the percentage space given, but your nav content is overflowing its container. If you give article some transparency for the background color you can see what I mean.

I would really recommend using flexbox and not float and width percentages.

1 Like