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
48

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
69
25329b7e3ef73310bfab649a0e17b0a2?s=48 jessicalyschik
0
95
25329b7e3ef73310bfab649a0e17b0a2?s=48 jessicalyschik
0
18
25329b7e3ef73310bfab649a0e17b0a2?s=48 jessicalyschik
0
220
25329b7e3ef73310bfab649a0e17b0a2?s=48 jessicalyschik
1
370
25329b7e3ef73310bfab649a0e17b0a2?s=48 jessicalyschik
0
32
25329b7e3ef73310bfab649a0e17b0a2?s=48 jessicalyschik
0
68
25329b7e3ef73310bfab649a0e17b0a2?s=48 jessicalyschik
0
170

Other Decks in Programming

See All in Programming
A65c56fbce87057b9ee064122601d7b5?s=48 nirazo
4
730
351bca0f01c8cb553535791140636368?s=48 sidepelican
3
140
0227f6274b8a6cce078d7f8a91460c41?s=48 eminetto
0
180
31107eb924f0f352bc3dc4916be5ba59?s=48 negi_andleek
0
190
Fe1f65a4116d7d80691072061e0ad560?s=48 keiichiwatanabe
0
110
977c74bb044a9d4fa90b305824eda390?s=48 olivergierke
3
400
A760a90c9afd981004343b9861f1e8b4?s=48 daipresents
2
310
75486cbfd37125f121cf4a6c5614601c?s=48 hideokamoto
PRO
4
1.3k
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
PRO
0
190
7850a83d81b034248782d63e7dcf7974?s=48 tatsuya4451
0
470
B8e501d93b98a553abf0b5cee0c33503?s=48 yasaichi
31
11k
A760a90c9afd981004343b9861f1e8b4?s=48 daipresents
0
180

Featured

See All Featured
7fa6101cd43067653cf4ac6c7ca54305?s=48 akmur
255
20k
2bb923c57a1fdc3a2eb484bb8d565fd2?s=48 ufuk
60
7.2k
44b54d2ffcb7857004071cc6795dde11?s=48 cassininazir
350
20k
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
196
17k
0c6fd6a08d0f898159cda7cafcacf07f?s=48 afnizarnur
180
14k
B83d5b590577969ee79a5ad845411a7d?s=48 ammeep
660
54k
Bfd6b681ec6e8c9bef82ff0521c364f7?s=48 kastner
56
2k
39488f9d172ab92fd352f2cd7b73258d?s=48 mza
82
4.4k
E195ae45320d9202eaa01c9f1d31a416?s=48 marktimemedia
14
660
719435d98d452de7ac367c828266cf01?s=48 erikaheidi
27
5k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
PRO
414
58k
79acae287842acf29084005533a7fb3b?s=48 hursman
111
9.5k

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