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
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.
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.