Assessment :Responsive web design and media queries category

I am unable to remove the border on nav-menu.
need help with that
my code: https://jsfiddle.net/y2x48fp3/

Hi @kanalaabhilashreddy and welcome to the community :wave:

Nice work on this exercise.

Here are my comments:

You should put your @media query below all the other rules. At the moment the “normal” border rule overwrites your @media border rule.

For the header you could also use

header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

to separate title and nav.

justify-content: center; on the .cards doesn’t have an effect, since the cards use the full width. You would see the difference if you for example set the grid-template-columns to something like repeat(3, 150px)

Everything else looks fine. :+1:

Keep up the good work,
Michael

PS: Your email address is visible in your post. It ended up in the optional “name” field of your profile. I recommend removing it.