Assssment wanted for Typesetting a community school homepage

MDN Learn
#1

my workCode open
Test:https://codepen.io/Mishalomalo/pen/yLqLBjX

#2

Amazing work @cyxapik_VID

There’s just one small thing I would change. When hovering or clicking the <nav> only the word itself reacts. It would be nice if we could use the whole box. You could achieve this by using display: inline-block; on the link itself. Something like this should work:

nav a {
  text-decoration: none;
  display: inline-block;
  width: 100%;
  line-height: 2;
  text-align: center;
  font-size: 1.5rem;
  border: 1px solid #a66;
}

You’ll then also need to remove the border and padding from the <li>.

I hope that helps. Keep up the great work! :slightly_smiling_face:

Cheers,
Michael

#3

Thank you very much for your time)

1 Like