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
37

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
46
25329b7e3ef73310bfab649a0e17b0a2?s=48 jessicalyschik
0
59
25329b7e3ef73310bfab649a0e17b0a2?s=48 jessicalyschik
0
57
25329b7e3ef73310bfab649a0e17b0a2?s=48 jessicalyschik
0
12
25329b7e3ef73310bfab649a0e17b0a2?s=48 jessicalyschik
0
210
25329b7e3ef73310bfab649a0e17b0a2?s=48 jessicalyschik
1
350
25329b7e3ef73310bfab649a0e17b0a2?s=48 jessicalyschik
0
26
25329b7e3ef73310bfab649a0e17b0a2?s=48 jessicalyschik
0
59
25329b7e3ef73310bfab649a0e17b0a2?s=48 jessicalyschik
0
150

Other Decks in Programming

See All in Programming
551a97bf567bea39c0550d3bbf2cc169?s=48 kawaji_scratch
0
120
270b0c7883545117a9a618dc7ca7cc83?s=48 xrdnk
0
150
Ae276805027a01983503c3edafbdb6b2?s=48 martysuzuki
1
580
843e2b37af4a84f89438478aa939a324?s=48 heistak
2
130
1d5ca7d8f17f15de4272e1ec7ef7abac?s=48 watilde
5
1.5k
877ac424e59bd3dd183859ef4cc9a08a?s=48 ryosukes
0
1.5k
A7c0e931e8189d7a709eaebb44ed69d4?s=48 rince
3
260
3c86b5e68b972038efd6c5cd1553d46b?s=48 sters
2
140
50443a0c666aa1020f2f757582e6e45c?s=48 suzukiot
0
300
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
PRO
0
160
7b606c5039f083d13e2d2320ce6ddcfa?s=48 dqneo
3
340
5ade34f8bdf1b55c4ff82c11cf23cf42?s=48 minamijoyo
4
530

Featured

See All Featured
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
192
8.8k
1519587b1a0febb658c36c94f6272b0d?s=48 roundedbygravity
242
21k
8ec1383b240b5ba15ffb9743fceb3c0e?s=48 philnash
9
590
79acae287842acf29084005533a7fb3b?s=48 hursman
106
9.3k
64827b31aef81498662e8af4bd6d5157?s=48 jonrohan
1021
380k
282d599b414022eba5096510f675b6e2?s=48 chrislema
173
14k
282d599b414022eba5096510f675b6e2?s=48 chrislema
231
16k
D47656e20ff5e42f125fc5ea0fd636c6?s=48 tmm1
61
9.5k
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
437
28k
9952dfcd5d338f8a8e7175c8a8f65fb5?s=48 wjessup
339
16k
7c8469ee8c9e594c65c59b919626c08d?s=48 scottboms
251
11k
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