flexbox practice excercises

Exercices de pratique Flexbox

J'ai créé ce dépôt avec l'intention de pratiquer la quantité de Flexbox que j'ai maîtrisée afin de créer des dispositions et des composants de style à l'aide du CSS Flexbox.

À mi-chemin, je pensais pourquoi ne pas permettre à d'autres développeurs de présenter leur maîtrise Flexbox aussi.

Comment contribuer

1. Fourchez le repo
2. Créez un nouveau dossier dans le répertoire racine et ajoutez vos fichiers de projet Flex.
3. Une fois que vous avez terminé votre projet, ajoutez le lien à votre fichier de projet dans le fichier root index.html à l'aide du format suivant.

...

< li class =" nav__item " >
  < a href =" equal-height-cards/index.html " class =" nav__link " >
    Create cards with equal heights
  </ a >
</ li >

...

PRUDENCE!!! : Assurez-vous de ne pas ajouter de slash vers l'avant (/) au début du lien HREF, sinon le lien vers votre projet ne fonctionnera pas!.

4. Vous pouvez ajouter votre nom à la fin du lien afin que d'autres puissent savoir que vous avez créé le projet ou vous rechercher, par exemple

 < li class =" nav__item " >
  < a href =" equal-height-cards/index.html " class =" nav__link " >
    Create cards with equal heights - John Mwendwa
  </ a >
</ li >

5. Essayez d'utiliser uniquement Flexbox pour vos mises en page et votre conception pour voir à quel point vous l'avez rassemblée.

6. Si vous souhaitez également présenter votre maîtrise de la grille CSS, consultez mon autre référentiel sur la grille CSS et assurez-vous de contribuer ici https://github.com/johnmwendwa/grid-practice-excercistes

7. N'oubliez pas de mettre en vedette le dépôt?

Mot aux concepteurs!

Si vous avez un œil extrêmement bon pour le design, vous pouvez modifier la feuille de style STYLE.CSS. Bien que toutes vos modifications ne soient pas toujours garanties pour être fusionnées, cela en vaut toujours la peine.

Démo en direct

https://johnmwendwa.github.io/flexbox-practice-excercistes