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

CSS Grid in freier Wildbahn

Jessica Lyschik
November 10, 2019
Programming
0
97

CSS Grid in freier Wildbahn

Jessica Lyschik

November 10, 2019
Tweet

More Decks by Jessica Lyschik

See All by Jessica Lyschik
Performance 101
jessicalyschik
0
17
Performance 1x1
jessicalyschik
0
87
WordPress 5.3 - und Gutenberg!
jessicalyschik
0
130
CSS Grid in the wild
jessicalyschik
0
280
Keine Angst vor Gutenberg und WordPress 5.2
jessicalyschik
0
45
Keine Angst vor Gutenberg und WordPress 5.0
jessicalyschik
0
270
Einstieg in CSS Grid
jessicalyschik
1
460
CSS für Anfänger
jessicalyschik
0
110
Frauen in der IT und der WordPress Community
jessicalyschik
0
90

Other Decks in Programming

See All in Programming
入門 AWS Amplify Gen2 / Introduction to AWS Amplify Gen2
genkiogasawara
1
310
⼤規模⾔語モデルの拡張（RAG）が 終わったかも知れない件について
nearme_tech
22
15k
Folding Cheat Sheet #3
philipschwarz
PRO
0
110
PHPの次期バージョンはこの時期どうなっているのか - Internalsの開発体制について - PHPカンファレンス小田原
youkidearitai
PRO
1
180
プールにゆこう
irof
2
120
エンターテイメント業界で利用されるAWS
demuyan
0
200
Hanami and htmx
bkuhlmann
0
190
データアナリストが行うDatabricksを活用したETLの自動化事例
shinoa
0
250
元気予報
suu_mire0726
0
850
ログラスを支える設計標準について / loglass-design-standards
urmot
10
2.1k
品質とスピードを両立: TypeScriptの柔軟な型システムをバックエンドで活用する
kosui
8
2.2k
ADRを一年運用してみた/adr_after_a_year
hanhan1978
7
2.2k

Featured

See All Featured
Git: the NoSQL Database
bkeepers
PRO
421
63k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
20
1.6k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3k
Automating Front-end Workflow
addyosmani
1354
200k
The World Runs on Bad Software
bkeepers
PRO
61
6.7k
Practical Orchestrator
shlominoach
181
9.7k
10 Git Anti Patterns You Should be Aware of
lemiorhan
645
57k
Rails Girls Zürich Keynote
gr2m
91
13k
Building a Modern Day 
E-commerce SEO Strategy
aleyda
16
6.3k
Producing Creativity
orderedlist
PRO
336
39k
Navigating Team Friction
lara
177
13k
KATA
mclloyd
14
12k

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