Dans la solution du 3ème point, à la dernière du fichier .css, est-ce grâce à "display: flex;" que la div "Voir la photo" s'affiche lors du survol de l'image avec la souris ?

Le sélecteur devrait être "sticky" selon le code source HTML. Et il manque un "." au début.

Le sélecteur devrait être "fixed" selon le code source HTML. Et il manque un "." au début.

Manque un verbe.

Il est demandé de "réduire la fenêtre" mais personnellement, je n'ai pas compris. Du coup, j'ai coupé la balise img avec la propriété display et l'ai collée en dehors du "@media" et ça a fonctionné.

Suis-je le seul à trouver "CSS Grids" plus intuitif/pratique que "Flexbox" ? En effet, avec CSS Grids, tu lui précises le nombre de rangées et de colonnes à avoir et basta, alors qu'avec Flexbox, tu dois réfléchir aux axes (qui est "principal", qui est "secondaire" ?), tu ne peux jamais prévoir le résultat car même en utilisant "lfex-wrap: wrap;" tu ne sais pas après quel élément le navigateur va aller à la ligne … bref, ma phobie !

Après, peut-être que les "pro" du dév préfèrent Flexbox, mais à ce stade, je préfère CSS Grids.

Qu'en pensez-vous ?

Encore une fois, merci pour le partage. Je le conseille vivement si vous voulez manipuler les propriétés qu'on vient de voir (on en apprend d'autres aussi). Pour info, il y a 28 "niveaux", et à chacun d'eux, on manipule une ou deux propriétés.

R.I.P. l'élément 9 :(

"rangées" vous voulez dire ? Parce que, on a bien "dit" qu'on voulait 3 colonnes avec "grid-...-columns".

Il manque un trait d'union entre les deux mots.

"span" u conteneur ? Et on met quoi comme élément(s) à l'intérieur de ce conteneur ?

Ne manque-t-il pas un "même" après "le" ?

Il y a une erreur dans cette phrase, non ? Pour démarrer l'exercice, il y a des exercices qui nous aideront à mettre en place notre code ?

"de la section/balise" vous voulez dire ? parce que "de la page" voudrait dire qu'on supprime le logo (du footer).

C'est pas plutôt "valeur" ? Parce que display est une propriété, et "flex" est sa valeur/l'une de ses valeurs. Je me trompe ?

Ce n'est pas déjà le cas ? Ou, dois-je supprimer les marges ?

Parenthèse fermante manquante.

"ez" car dans tous vos titres de partie vous utilisez l'impératif. Au passage, il aurait été plus sympa d'opter pour l'infinitif ("er"), parce que là, ça donne des ordres, et ce n'est pas forcément agréable à lire.

Après avoir vu la correction Ah c'était donc ça que vous vouliez dire ?! Dans ce cas, il aurait été plus correct (à mon avis) d'écrire "Mettre le contenu à l'intérieur d'une section/dans une section". Et moi qui ai mis une balise "section" vide, placée juste après "main" (car vous aviez demandé "autour du contenu") … :)

Manque un "s".

Dans le corrigé, vous mettez cette balise dans le "header", mais dans le cours, on voit qu'elle vient après le "header". Du coup, je n'ai pas le même rendu que vous. De plus, vous ajoutez un lien "à propos" dans la page "à propos". Pour moi, cela est inutile : on ne va pas cliquer sur le lien d'une page où on y est déjà !

Définition anglaise : use a mouse or other device to position the cursor over a particular area of a computer screen so as to cause a program to respond (typically by displaying additional information or options), without clicking a button on the device.

Vous avez oublié le "type" de bordure. Solid, double, … ? Spoiler : il faut mettre "solid"

Correction : sur fond "#1F2039". Oui, parce que j'ai écrit "darkblue", et en fait, selon le corrigé, c'est pas cette couleur.

Typo : c'est "la" propriété

Je comprends l'idée de "hiérarchie" mais, je trouve que ce n'est pas une erreur si on a commencé notre page avec des titres de niveau 2. Il se peut que j'estime que la taille de la police du niveau 1 est très grande pour moi, et donc que je commence par le niveau 2 directement (et je continue avec h3, h4 pour les sou-titres, bien sûr).

256 couleurs ? Et ça c'est peu ? Et comment accède-t-on à cette info ?

Il manque une précision ici, je trouve. Ici, on comprend qu'il faut afficher les logos seulement sur la page "À propos", mais dans la solution, les logos sont affichés sur les deux ("Accueil" + "À propos").

Chapitre très intéressant ! Par contre, mon cerveau était en feu dans la partie des "ancres" :)

Bon bah du coup, il ne reste plus qu'à ajouter cet attribut à toutes les balises "a" de la formation :)

En fait, c'est comme s'il y avait des balises "imp 1", "imp 2" et "imp 3" et que le navigateur change de style selon le chiffre après le "imp", c'est ça ? Ce que je ne comprends pas, c'est que, si "strong" ne signifie pas, pour le navigateur, "mettre en gras", dans ce cas, il choisit aléatoirement entre "surligner", "italique" et "gras" ? Mais dans ce cas, pourquoi des balises spécifiques pour chacun des styles ?

CodePen a l'air tellement plus pratique que Visual Studio Code. Merci !

Que signifie cet attribut ?

Pas de virgule entre "y" et "a" dans "il y a peu".

Pour avoir la version française de Visual Code : - Cliquer sur "Extensions" - Taper "French" dans la barre de recherche - Choisir le premier résultat (ou sinon, regarder si c'est qqch "d'officiel") - Télécharger … et c'est prêt !

Super bien pensé ! Suggestion : ça serait bien de faire ne sorte que, une fois que l'on clique sur un lien, un nouvel onglet s'ouvre. C'est très pénible de faire "clic droit" --> "ouvrir dans un nouvel onglet" à chaque lien ! Et au passage, je conseille de suivre la formation sur Chrome parce que les exemples du prof sont réalisés sur Chrome, et donc ça diffère de Safari par exemple.