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
46

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
51
25329b7e3ef73310bfab649a0e17b0a2?s=48 jessicalyschik
0
67
25329b7e3ef73310bfab649a0e17b0a2?s=48 jessicalyschik
0
72
25329b7e3ef73310bfab649a0e17b0a2?s=48 jessicalyschik
0
18
25329b7e3ef73310bfab649a0e17b0a2?s=48 jessicalyschik
0
220
25329b7e3ef73310bfab649a0e17b0a2?s=48 jessicalyschik
1
370
25329b7e3ef73310bfab649a0e17b0a2?s=48 jessicalyschik
0
31
25329b7e3ef73310bfab649a0e17b0a2?s=48 jessicalyschik
0
67
25329b7e3ef73310bfab649a0e17b0a2?s=48 jessicalyschik
0
160

Other Decks in Programming

See All in Programming
2f666b409bff87ec63f575f19d124c85?s=48 matteogrella
0
390
Eb6733f8d1fe3c983ff11b830945eccb?s=48 mikito
1
200
8e844e43f029ec38e206a464cf4587b3?s=48 ttskch
1
600
032eb5910248d5ffd0e0ac3820c45583?s=48 gorilla0513
4
860
Beb422437c1dfb5366f197919e41ac50?s=48 lilobase
PRO
2
360
444706893bf3e53d6d96b4509d2d05d5?s=48 tanden
2
1.9k
285cc95c4c9fe056b03afca581533266?s=48 fkubota
12
7.3k
80a3a3857a55f154d23acb705eff72cc?s=48 star_zero
0
120
Bfc42a2fb137897db919bac632c83085?s=48 teruhisafukumoto
1
330
5cf7e9533a457726cd51232e06c1da9a?s=48 masashi
2
210
9bf923e39671cde83584e3e926296c13?s=48 kishikawakatsumi
1
540
102398563fd1bf878b35dc2d5ee67cbe?s=48 kamilahsantos
1
110

Featured

See All Featured
9375a9529679f1b42b567a640d775e7d?s=48 schacon
147
6.7k
A60068bce2e73de3a37ca9d2dbe36092?s=48 bryan
101
11k
E14f55d3f939977cecbf51b64ff6f861?s=48 keithpitt
401
20k
A9a491b0fcbe0fbce3d64063a37add99?s=48 rmw
13
950
D09fad3e36ae6841f54820be0e907f7a?s=48 rocio
154
11k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
PRO
54
4.5k
5b6a2bd86ef643786a381a212e0ef2f1?s=48 geoffreycrofte
33
1.3k
8ec1383b240b5ba15ffb9743fceb3c0e?s=48 philnash
15
820
E837d2996f52008ace055a08fbfff992?s=48 frogandcode
129
20k
Dad095ea7038f89f760419ce475d5d14?s=48 michaelherold
226
8.7k
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
8
880
719435d98d452de7ac367c828266cf01?s=48 erikaheidi
21
4.7k

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