Hello fellow developers, I finished the following MDN exercise:
Typesetting a community school homepage - Learn web development | MDN (mozilla.org)
I would like someone with more experience to take a look and point out to any mistakes.
Also, I have two questions:
-
I didn’t know how to edit the links inside the
<Nav>
because all those pseudo classes kept overwriting them because they had higher specificity. I used a custom class and inserted it into my html as apparent in my solution. However, you said not to do that, so my question is how? -
Jsfiddle seems not to respect the background-position I set on the links that have an icon. Actually, it seems only to ignore the vertical value. The very same code works perfectly fine inside of my browser. I use Edge.
Here is my fiddle:
Edit fiddle - JSFiddle - Code Playground
Here is a screenshot that shows how links with an icon behave in the browser: