Upgrade to Pro — share decks privately, control downloads, hide ads and more …

CSS Grid in freier Wildbahn

CSS Grid in freier Wildbahn

Jessica Lyschik

November 10, 2019
Tweet

More Decks by Jessica Lyschik

Other Decks in Programming

Transcript

  1. CSS Grid in
    freier Wildbahn
    Jessica Lyschik • WordCamp Stuttgart 2019

    View Slide

  2. Warum du CSS Grid bereits
    heute einsetzen solltest

    View Slide

  3. Quelle: caniuse.com

    View Slide

  4. Erstelle 2-dimensionale Layouts, direkt mit CSS
    Angepasstes Beispiel von gridbyexamples.com

    View Slide

  5. CSS Grid ist nicht wie
    Bootstrap oder 960grid

    View Slide

  6. Denke nicht in Spalten, sondern in Linien-Nummern. Sie starten bei 1 von ganz links.
    Angepasstes Beispiel von gridbyexamples.com

    View Slide

  7. Beispiel 1: CodePen

    View Slide

  8. Beispiel 2: CodePen

    View Slide

  9. Vielen Dank!
    Was ist deine Frage?
    Folge mir auf Twitter:
    @jessicalyschik

    View Slide