CSS Grid in freier Wildbahn

25329b7e3ef73310bfab649a0e17b0a2?s=47 Jessica Lyschik
November 10, 2019
Programming
0
20

CSS Grid in freier Wildbahn

25329b7e3ef73310bfab649a0e17b0a2?s=128

Jessica Lyschik

November 10, 2019
Tweet

Want more?

25329b7e3ef73310bfab649a0e17b0a2?s=48 jessicalyschik
0
42
25329b7e3ef73310bfab649a0e17b0a2?s=48 jessicalyschik
0
33
25329b7e3ef73310bfab649a0e17b0a2?s=48 jessicalyschik
0
8
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
1
130
A9a491b0fcbe0fbce3d64063a37add99?s=48 rmw
1
67
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
0
67
61857dafbd287b3027c4dcea9008ad3c?s=48 carmenhchung
4
130
06f8b41980eb4c577fa40c41d5030c19?s=48 keathley
3
150
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
2
220
C35e01544a0dd94a2cf1619ee8a42ebb?s=48 clairelew
2
410
6bb82b13cda86d3b821fa44100335ddf?s=48 thoeni
1
110
B3ace07412a5178ea778e7eec161fc0a?s=48 jcasabona
4
200

Transcript

  1. 1.

    CSS Grid in freier Wildbahn Jessica Lyschik • WordCamp Stuttgart

    2019
  2. 2.

    Warum du CSS Grid bereits heute einsetzen solltest

  3. 3.

    Quelle: caniuse.com

  4. 4.

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

  5. 5.

    CSS Grid ist nicht wie Bootstrap oder 960grid

  6. 6.

    Denke nicht in Spalten, sondern in Linien-Nummern. Sie starten bei

    1 von ganz links. Angepasstes Beispiel von gridbyexamples.com
  7. 7.

    Beispiel 1: CodePen

  8. 8.

    Beispiel 2: CodePen

  9. 9.

    Vielen Dank! Was ist deine Frage? Folge mir auf Twitter:

    @jessicalyschik