Salut, dis moi tu pourrais m'apprendre les box en html?Les box? Qu'est ce que tu entends par là?
On m'a parlé d'un truc au boulot, avec des box pour mettre en forme le site et l'adapter en responsive, tu ne connais pas?Tu veux dire flexbox?
Oui c'est ça ! Exactement !Effectivement je peux t'apprendre flexbox, on en avait parlé quand on a vu les bases du css, en fait c'est un moyen de mettre en forme des éléments et de prévoir la façon dont ils se comportent les uns par rapport aux autres dans une page ou un conteneur. C'est très pratique, car on peut très facilement changer le comportement des éléments selon des tailles d'écrans avec une media query et très peu de css.
C'est ce que je veux apprendre à faire. Je t'écoute attentivement !La première chose à savoir est que lorsque tu veux travailler avec flexbox, il faut définir les éléments en question avec un display: flex; au lieu de block ou inline ou les autres propriétés que l'on avait pu voir.
display: flex; ok c'est facile en fait.Ensuite, il y a pas mal d'autres propriétés flex qui vont définir deux choses :
- Comment les enfants direct d'un conteneur vont se comporter entre eux
- Comment un élément enfant va se comporter
On va commencer par voir en premier le comportement des enfants d'un conteneur, on verra les différentes propriétés une par une, mais garde à l'esprit qu'elles peuvent toutes se combiner entre elles pour avoir un affichage optimisé. J'ai terminé cette partie