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

CSS Grid in freier Wildbahn

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

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
52
25329b7e3ef73310bfab649a0e17b0a2?s=48 jessicalyschik
0
79
25329b7e3ef73310bfab649a0e17b0a2?s=48 jessicalyschik
0
130
25329b7e3ef73310bfab649a0e17b0a2?s=48 jessicalyschik
0
24
25329b7e3ef73310bfab649a0e17b0a2?s=48 jessicalyschik
0
230
25329b7e3ef73310bfab649a0e17b0a2?s=48 jessicalyschik
1
390
25329b7e3ef73310bfab649a0e17b0a2?s=48 jessicalyschik
0
38
25329b7e3ef73310bfab649a0e17b0a2?s=48 jessicalyschik
0
70
25329b7e3ef73310bfab649a0e17b0a2?s=48 jessicalyschik
0
170

Other Decks in Programming

See All in Programming
E10ba38646a905c8cd2c893c84d5c520?s=48 suzushin54
0
280
1b031ccbf968811f157cf7a892dddfed?s=48 geshan
0
320
8ec2b967e38f000eb63ae345cd7c58e6?s=48 minodriven
5
5.2k
404a34d5e0d3d7b38237a8cbecf4c18a?s=48 seiseikai123
0
250
0684ef0f8b92614508e0c323c3619462?s=48 fuwasegu
4
1.3k
6aaaf03c4f5c681d89c3078bd6070a6f?s=48 rumi_yamaguchi
0
310
993ef638264def4334358f986fb4a91d?s=48 uhyo
26
6.9k
E8fae2ce31d2d3700bca68c464862bad?s=48 paru871
0
120
20ddbe9b7cfdde5e2dfeb8d8714d5de8?s=48 tarugoconf
0
1.7k
0b26590a0a8b0f1da140ed5de9b68379?s=48 usamik26
0
220
7e56a691cfb413e0f6e631791f33fe54?s=48 mismith0227
0
200
C951afc0782b7d3d4800e25b4a4938a9?s=48 shinnoki
0
180

Featured

See All Featured
F68cb25ae3e5c2106997454b13b7737d?s=48 brad_frost
163
7k
170b760e0147792d0140e59ec78e9893?s=48 eitanlees
121
11k
F383c6a4dc55e331bbe2987b622cee6b?s=48 stephaniewalter
267
11k
864a009ac73600c7c02e1f26629dd989?s=48 paigeccino
7
610
168ccec72eee0530b818d44f3fedaacf?s=48 shlominoach
178
8.3k
C51b39fa3c79ccb99dcb8a076bc98287?s=48 brianwarren
88
5.4k
3d4519fd34b76fb265fc0237f3792bd4?s=48 danielanewman
6
830
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
372
43k
E43f8dfd01057f8304f5f8fb9a294d7d?s=48 jeffersonlam
336
17k
B83d5b590577969ee79a5ad845411a7d?s=48 ammeep
660
55k
7fa6101cd43067653cf4ac6c7ca54305?s=48 akmur
255
20k
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
172
7.9k

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