9. Styles

Le balisage (HTML) de votre section “À propos” est déjà fait. Vous pouvez maintenant le styliser avec le CSS. Ouvrez votre fichier style.css dans l’éditeur de code et ajoutez le contenu suivant.

# Réinitialisations et réglages généraux

Les différents navigateurs ont des paramètres par défaut différents. Par exemple, les éléments d’un site web peuvent avoir un aspect légèrement différent dans Safari et dans Chrome. En tant que programmeur, vous souhaitez rarement que cela se produise. Pour éviter cela, vous devez définir certains paramètres par défaut dans le CSS.

/* Reset des styles */
* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

    

Relever les défis

#1 Sticky Header (Fixe l’en-tête pour qu’il reste visible lors du défilement)
#2 Alternative About Layout (Construisez votre propre mise en page)
#3 Branding (Ajoutez votre propre logo à l’en-tête)