"Évaluation requise pour la composition d'une page d'accueil d'école communautaire"

MDN Learn
#1

Salut,

J’ai fort besoin d’aide pour donner un style beaucoup plus agréable. C’est moche ce que j’ai fait. Mais je veux progresser. Donc de l’aide (le corrigé si possible) et des conseils. Merci

Voici le lien du code

Envoyé à partir de Courrier pour Windows

#2

Hi @COSE_PRO and welcome to the community :wave:

That’s not sooo ugly so far. :smiley:
I would increase the font-size of html to 16px to make it bigger. It would also be better to have different font sizes for h1 and h2.

Below I have some code that you could use instead of the .toto classes. You will also need to change

nav {
  float: left;
  width: 10%;
}

back to

nav {
  float: left;
  width: 20%;
}

I hope that gives you some ideas what’s possible. Try to find out what each of the following lines do. This will improve your understanding of the code:

nav ul {
  padding-left: 0;
  margin-top: 0.8rem;
}

nav li {
  list-style-type: none;
  margin-bottom: 2rem;
}

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

nav li a:focus, nav li a:hover {
  color: white;
  background: #a66;
}

nav li a:active {
  color: white;
  background: black;
}

I hope that helps. Feel free to come back whenever you want, if you have more questions. :slightly_smiling_face:

Have a nice day,
Michael