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
61

CSS Grid in freier Wildbahn

25329b7e3ef73310bfab649a0e17b0a2?s=128

Jessica Lyschik

November 10, 2019
Tweet

More Decks by Jessica Lyschik

See All by Jessica Lyschik
Performance 1x1
25329b7e3ef73310bfab649a0e17b0a2?s=48 jessicalyschik
0
63
WordPress 5.3 - und Gutenberg!
25329b7e3ef73310bfab649a0e17b0a2?s=48 jessicalyschik
0
90
CSS Grid in the wild
25329b7e3ef73310bfab649a0e17b0a2?s=48 jessicalyschik
0
160
Keine Angst vor Gutenberg und WordPress 5.2
25329b7e3ef73310bfab649a0e17b0a2?s=48 jessicalyschik
0
26
Keine Angst vor Gutenberg und WordPress 5.0
25329b7e3ef73310bfab649a0e17b0a2?s=48 jessicalyschik
0
240
Einstieg in CSS Grid
25329b7e3ef73310bfab649a0e17b0a2?s=48 jessicalyschik
1
410
CSS für Anfänger
25329b7e3ef73310bfab649a0e17b0a2?s=48 jessicalyschik
0
49
Frauen in der IT und der WordPress Community
25329b7e3ef73310bfab649a0e17b0a2?s=48 jessicalyschik
0
76
Warum Introversion nichts schlimmes ist
25329b7e3ef73310bfab649a0e17b0a2?s=48 jessicalyschik
0
200

Other Decks in Programming

See All in Programming
SGGとは
3cfad86677c5966ecfe9b81955fa3489?s=48 inoue2002
0
440
Edge Side Frontend という新領域
3aebd86547bfc5cdb451d5f2f95ed5d8?s=48 mizchi
24
10k
Efficient UI testing in Android
2b0404a5db1a74f01bf3bf94d142e28c?s=48 alexzhukovich
2
130
アジャイルで始める データ分析基盤構築
384e4d8bab8ac2a5e6f64dab1300c491?s=48 nagano
1
920
NestJS_meetup_atamaplus
F0a8d07597a19192791bf663504d2a17?s=48 atamaplus
0
230
このタイミングで知っておきたい 開発生産性の高いエンジニア組織の特徴とは / dev-sumi-20220721-productivity-features
6f425ca5b796b421dca359b95046184f?s=48 findyinc
7
2.7k
Automating Gradle benchmarks at N26
D4b7a3e2ed10f86e0b52498713ba2601?s=48 ubiratansoares
PRO
2
150
一口目から美味しいReactのスルメ本🦑
2801ae8fb5381bcd119805124a5eeaf2?s=48 taro28
2
700
「困りごと」から始める個人開発
4a0e3afe85259f2973dbc9386b6a4bb3?s=48 ikumatadokoro
4
270
ちょっとつよい足トラ
6a661bb5871208cad64912223bb0c637?s=48 logilabo
0
420
Introduction to Property-Based Testing @ COSCUP 2022
Fd9f21969cd8a0cbf0b2f48a9af0cc28?s=48 cybai
1
150
Pythonで鉄道指向プログラミング
Cc15f7fbb06e96bdb56992e3d42ea8cd?s=48 usabarashi
0
140

Featured

See All Featured
Navigating Team Friction
245cee81a9c424266e5e401d844ea881?s=48 lara
175
11k
Become a Pro
828ace851b606e1206900f26459f55ad?s=48 speakerdeck
PRO
3
910
Six Lessons from altMBA
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
14
1.4k
No one is an island. Learnings from fostering a developers community.
6bb82b13cda86d3b821fa44100335ddf?s=48 thoeni
9
1.3k
JavaScript: Past, Present, and Future - NDC Porto 2020
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
37
3.3k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
107
16k
Imperfection Machines: The Place of Print at Facebook
7c8469ee8c9e594c65c59b919626c08d?s=48 scottboms
253
12k
JazzCon 2018 Closing Keynote - Leadership for the Reluctant Leader
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
173
8.6k
The Brand Is Dead. Long Live the Brand.
A415db3ac9e9668acbc1fb36eead84ac?s=48 mthomps
46
2.7k
Building a Scalable Design System with Sketch
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
448
30k
Infographics Made Easy
282d599b414022eba5096510f675b6e2?s=48 chrislema
233
17k
Docker and Python
Ecdea9b9714877b86cee08458f085481?s=48 trallard
27
1.6k

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