Assessment: Typesetting a community school homepage

MDN Learn
1

Hey everyone,

I could use your help with this assessment. Below are my code and the link to the task page:

Code on Codepen

Task

2

Hello @why_not_phoenix

you doing great well done just little notice you do not need a border around the ul element but around the li of the nav also to set margin between each li and center the text inside it

using background for the nav would confuse the user so it better to do not have background for nav or any menu on the site

hope that help and have a nice day :slight_smile:

3

Hey @justsomeone

Thanks so much for the assessment.

What margin do you think I should use?
Centering the li gave a weird outcome.

4

you very welcome @why_not_phoenix

you can set the margin-bottom

not sure how did you tried to center the li

but i updated your nav li selector to this

nav li {
  line-height:5;
  list-style: none;
  text-align:center;
  border:2px solid pink;
  margin-bottom:1.5rem;
  text-decoration: none;
}

and it work fine

text-align will center the text horizontally and i used the line-height to make it look like it center vertically cause it set the height of a line box so giving it a value close to the height of the element will do the trick :wink:

hope that help and have a nice day :slight_smile:

2 Likes