grid practice excercises

Gitterpraxis excercises

Ich habe dieses Repo mit der Absicht erstellt, zu üben, wie viel von dem CSS -Gitter ich gemeistert habe, um Layouts und Stilkomponenten mit Gitter zu erstellen.

Auf halbem Weg dachte ich, warum nicht andere Entwickler erlauben, ihre Meisterschaft auch zu präsentieren.

Wie man beiträgt

1. Fork das Repo
2. Erstellen Sie einen neuen Ordner im Stammverzeichnis und fügen Sie dort Ihre Grid -Projektdateien hinzu.
3. Nachdem Sie Ihr Projekt abgeschlossen haben, fügen Sie den Link zu Ihrer Projektdatei in der Datei root index.html mit dem folgenden Format hinzu. Fügen Sie zu Beginn des HREF -Links keinen Stürmer -Schrägstrich hinzu, da sonst der Link zu Ihrem Projekt nicht funktioniert!

...

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

...

4. Sie können Ihren Namen am Ende des Links anhängen, damit andere wissen, dass Sie das Projekt erstellt haben oder nach Ihnen suchen, z.

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

5. Versuchen Sie, nur Grid für Ihre Layouts und Ihr Design zu verwenden, um zu sehen, wie Sie es versammelt haben.

6. Wenn Sie auch Ihre CSS -Flexbox -Meisterschaft präsentieren möchten, lesen Sie mein anderes Repo auf Flexbox und leisten Sie sicher, dass Sie einen Beitrag leisten? https://github.com/johnmwendwa/flexbox-practice-excercises

7. Vergessen Sie nicht, das Repo zu spielen?

Word an Designer!

Wenn Sie ein extrem gutes Auge für das Design haben, können Sie den Root style.css Stylesheet ändern. Obwohl alle Ihre Änderungen nicht immer garantiert sind, dass sie hinzugefügt und zusammengeführt werden, ist es immer die Mühe wert.

Live -Demo

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