Can anyone help me solve the media query problem?

Hello everyone,
Can anyone help me solve the media query problem? The code I wrote for the desktop it is overpowered by the code I wrote for the cell phone and tablet. I wrote my styles as external styleshheets and wrote <meta name in HTML … although I don’t think I have to, but I wrote it anyway, and it still doesn’t work. To see the styles I wrote, I copied them to css.
Thank you
Link

I don’t see that the one is getting overwritten by the other because when I delete I don’t see much of a difference.

To help

  • Start by styling for a narrow view port first. Narrow your browser as far as it will go and style the page so it looks good at that narrow width. Then gradually widen your browser and use CSS media query break points to adjust the style for wider view ports if needed.
  • Rather than using fixed dimensions on elements, use max-width/height and relative units like %, em, rem and vw to keep everything responsive.

Hope that helps

1 Like

Is it possible to make a scroll bar for a cell phone for navbar? And could you tell me how? Thank you