grid practice excercises

Exercices de pratique de la grille

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

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

Comment contribuer

1. Fourchez le repo
2. Créez un nouveau dossier dans le répertoire racine et ajoutez vos fichiers de projet Grid.
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. N'ajoutez pas de slash vers l'avant au début du lien HREF, sinon le lien vers votre projet ne fonctionnera pas!

...

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

...

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 la grille pour vos mises en page et votre conception pour voir comment vous l'avez rassemblée.

6. Si vous souhaitez également présenter votre maîtrise CSS Flexbox, consultez mon autre dépôt sur Flexbox et assurez-vous de contribuer? https://github.com/johnmwendwa/flexbox-practice-exercisses

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 ajoutées et fusionnées, cela en vaut toujours la peine.

Démo en direct

https://johnmwendwa.github.io/grid-practice-exercistes