CSS Grid in freier Wildbahn

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

CSS Grid in freier Wildbahn

25329b7e3ef73310bfab649a0e17b0a2?s=128

Jessica Lyschik

November 10, 2019
Tweet

More Decks by Jessica Lyschik

See All by Jessica Lyschik
25329b7e3ef73310bfab649a0e17b0a2?s=48 jessicalyschik
0
35
25329b7e3ef73310bfab649a0e17b0a2?s=48 jessicalyschik
0
51
25329b7e3ef73310bfab649a0e17b0a2?s=48 jessicalyschik
0
44
25329b7e3ef73310bfab649a0e17b0a2?s=48 jessicalyschik
0
9
25329b7e3ef73310bfab649a0e17b0a2?s=48 jessicalyschik
0
210
25329b7e3ef73310bfab649a0e17b0a2?s=48 jessicalyschik
1
340
25329b7e3ef73310bfab649a0e17b0a2?s=48 jessicalyschik
0
19
25329b7e3ef73310bfab649a0e17b0a2?s=48 jessicalyschik
0
57
25329b7e3ef73310bfab649a0e17b0a2?s=48 jessicalyschik
0
150

Other Decks in Programming

See All in Programming
72a2082c6a4dd79ad68befb3db911616?s=48 mraible
1
310
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
0
150
Cc90ea0f1ad7a6770cab81c4ef151eee?s=48 yotahada3
0
900
9e9eb825c69d719f2d3c32bdd3bc971e?s=48 atp
1
250
271fad8d53cd1f12f2b4b6d38e3d7bd3?s=48 uzulla
1
180
9178046d79f7b01ec590297c019fdd56?s=48 nagworld
1
220
B337bccaf042748ab81c81ea623bad40?s=48 regtan
0
170
Eb44761e0fb3a5ec8e23ec28048dd7a5?s=48 stoitsev
1
120
D02d96057c4cd905d60d14549b00db0d?s=48 stvansolano
0
230
Beb422437c1dfb5366f197919e41ac50?s=48 lilobase
1
480
Acd2f6f7498ea41881e161e191aa7c02?s=48 yattom
3
440
1dfa2bb34977b1db41d0d46d4505183f?s=48 osuke
2
250

Featured

See All Featured
Aebc2d07a50011e2a30d38435fde564a?s=48 jrom
114
7k
B83d5b590577969ee79a5ad845411a7d?s=48 ammeep
654
54k
245cee81a9c424266e5e401d844ea881?s=48 lara
590
60k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
494
110k
C86443373fbfe92996aa882d0d7a59f8?s=48 imathis
479
150k
5b6a2bd86ef643786a381a212e0ef2f1?s=48 geoffreycrofte
12
620
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
296
39k
A9704266587836f7e784235e5073b93e?s=48 jmmastey
7
430
1b8ad785acdd1ce1c99914b1c2a4e10e?s=48 sugarenia
232
810k
0fe2973fa8d27d96547e43322341183a?s=48 swwweet
206
6.8k
78b475797a14c84799063c7cd073962f?s=48 holman
288
130k
15f2b8221f247985a27a627d2ece72f0?s=48 pauljervisheath
195
15k

Transcript

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

    2019

  2. Warum du CSS Grid bereits heute einsetzen solltest

  3. Quelle: caniuse.com

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

  5. CSS Grid ist nicht wie Bootstrap oder 960grid

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

    1 von ganz links. Angepasstes Beispiel von gridbyexamples.com

  7. Beispiel 1: CodePen

  8. Beispiel 2: CodePen

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

    @jessicalyschik