Bonzar: Assessment wanted for Typesetting a community school homepage

MDN Learn
1

I looking forward to your feedback and comments
Also I have one question at bottom of message.

Code link:

Task link:

Can I didn’t repeat this code (that overriding new styles I’ve been applied to links in navigate)?

174: nav li a:active {
         color: #ea6e0e;
         background: #a10505;
     }
2

Hi @Bonzar

Well done! The style for the different link states look really nice. There is one thing missing:

Give the first paragraph after each heading in the <section> a little bit of text-indentation, say 20px.

Do you know which property could be used for that?

All other pseudo classes overwrite :active if they have (at least) the same specificity. What you could do is adding nav ul li a:active to the existing a:active. Since this has higher specificity it works even though it is above the other nav link pseudo classes.

a:active, nav ul li a:active {
    color: #ea6e0e;
    background: #a10505;
}

I hope I understood your question correctly. :sweat_smile:

Michael

1 Like