Lorem ipsum dolor, sit amet consectetur adipisicing elit. Repellat ullam fugiat iure inventore quibusdam. Cupiditate, eveniet deleniti quae adipisci inventore saepe in! Similique illum facere veritatis ab, impedit perspiciatis, dolorem quos totam dolorum harum, mollitia temporibus? Adipisci mollitia tenetur nisi eligendi molestias officia ut minus soluta fuga dignissimos. Iste ab unde dolorem corporis neque at aut error, animi, doloremque eum dolorum nesciunt modi! Quaerat aliquam modi sapiente praesentium voluptatibus quibusdam dicta, laudantium saepe temporibus accusantium consectetur corporis inventore enim impedit tempora perferendis necessitatibus assumenda nostrum debitis rerum ullam! Voluptas laudantium assumenda facilis pariatur, veniam nobis distinctio doloremque quaerat mollitia cumque.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsa, tenetur voluptas. Illum incidunt ducimus iste. Ipsum, eveniet temporibus laboriosam corrupti, nihil inventore ducimus architecto aliquid totam asperiores pariatur? Voluptatum ex hic impedit? Quod ea accusamus quia magni maxime, quo tempora eaque non odio. Possimus blanditiis corporis officia pariatur inventore quos necessitatibus excepturi accusamus. Voluptas nemo architecto provident ea explicabo eligendi iure repudiandae praesentium nobis dolor iste culpa, excepturi ratione totam quasi aut qui quidem atque? Dolor voluptatum cumque repellat libero ipsam dolores amet neque numquam modi laboriosam ducimus enim, pariatur voluptatem provident deserunt minima? Adipisci error debitis corrupti cumque, laudantium minus ducimus. Ut, magni quaerat? Deserunt odit consequatur nulla incidunt minima commodi ex nisi. Delectus asperiores sunt mollitia illo itaque molestiae exercitationem minus atque quae tempora labore quia, doloribus incidunt dignissimos libero. Ipsa cupiditate reprehenderit iste architecto, praesentium a aperiam eos deserunt assumenda explicabo facilis tempore cum dolorum quam id at fuga modi nostrum accusamus iusto fugit deleniti, molestiae harum temporibus! Voluptates nulla, praesentium dolore error impedit voluptate explicabo, sit id fugit mollitia consequatur dolores deserunt molestias asperiores veritatis in saepe recusandae esse ad inventore ex nesciunt. Aliquam saepe quas animi, voluptatum impedit nam error necessitatibus, libero officia voluptates a.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quis ratione illo excepturi facilis! Quod temporibus maiores tempora repellat sit dolorum eaque odio ipsam illum quasi, dolore veniam, sed debitis optio?
Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum cupiditate porro ex delectus ut earum. Neque nihil sequi, incidunt, quasi, commodi adipisci voluptates maxime perferendis accusantium ducimus quos tempora tempore dolorem facere sapiente non dignissimos! Animi natus reiciendis nobis aspernatur, omnis vitae odio velit accusantium ut aliquid. Cumque, voluptate error quod tenetur eaque eos vel dignissimos vero distinctio ab totam quidem, non eum dolorum mollitia omnis dolore odio beatae. Fugit nulla nostrum porro excepturi ullam dicta provident placeat in eos incidunt asperiores iusto iste, fuga, ratione nisi repellat quod at esse neque quam animi corrupti ipsa ducimus eveniet. Aliquid, impedit.
Froggiesplaining :


Dans ce 3ème cours, on découvre Flex:

Flex Container Pour activer le mode Flexbox sur un conteneur, on utilise la propriété CSS display: flex ou display: inline-flex. Cela transforme le conteneur en un conteneur flexible et les éléments à l'intérieur deviennent des "flex items"




Justify Content La propriété justify-content contrôle l’alignement des éléments le long de l'axe principal (généralement l’axe horizontal si les éléments sont en ligne).
Valeurs communes de justify-content :
flex-start : Aligne les éléments au début du conteneur.
flex-end : Aligne les éléments à la fin du conteneur.
center : Centre les éléments.
space-between : Distribue les éléments avec un espace égal entre eux, le premier élément est collé au bord gauche et le dernier au bord droit.
space-around : Distribue les éléments avec des espaces égaux autour de chaque élément, incluant les bords du conteneur.
space-evenly : Distribue les éléments avec un espace égal entre tous, y compris les bords du conteneur.

Froggie

GitHub - eCrea