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

CSS Grid in freier Wildbahn

Avatar for Jessica Lyschik Jessica Lyschik
November 10, 2019
Programming
240
0

CSS Grid in freier Wildbahn

Avatar for Jessica Lyschik

Jessica Lyschik

November 10, 2019

More Decks by Jessica Lyschik

See All by Jessica Lyschik
Performance 101
Avatar for Jessica Lyschik jessicalyschik
0
70
Performance 1x1
Avatar for Jessica Lyschik jessicalyschik
0
180
WordPress 5.3 - und Gutenberg!
Avatar for Jessica Lyschik jessicalyschik
0
240
CSS Grid in the wild
Avatar for Jessica Lyschik jessicalyschik
0
440
Keine Angst vor Gutenberg und WordPress 5.2
Avatar for Jessica Lyschik jessicalyschik
0
160
Keine Angst vor Gutenberg und WordPress 5.0
Avatar for Jessica Lyschik jessicalyschik
0
420
Einstieg in CSS Grid
Avatar for Jessica Lyschik jessicalyschik
1
680
CSS für Anfänger
Avatar for Jessica Lyschik jessicalyschik
0
260
Frauen in der IT und der WordPress Community
Avatar for Jessica Lyschik jessicalyschik
0
190

Other Decks in Programming

See All in Programming
音楽のための関数型プログラミング言語mimiumにおける多段階計算の活用
Avatar for Tomoya Matsuura tomoyanonymous
1
340
AI時代の仕事技芸論〜ソフトウェア開発で「遊ぶように働く」職人的熟達のすすめ（スクフェス仙台 2026バージョン）
Avatar for Yoshihito Kuranuki / 倉貫義人 kuranuki
0
670
壊れたパーサから始める関数型設計と構成的なパーサ #fp_matsuri
Avatar for ライガー raiga0310
2
360
エンジニアにデザインハーネスを 〜デザインプロセスを規定するためのハーネス〜 / Design harness from an engineer's perspective
Avatar for r-kagaya rkaga
2
1.6k
AIが無かった頃の素敵な出会いの話
Avatar for コドモン開発チーム codmoninc
1
120
関数型プログラミングのメリットって何だろう？
Avatar for わんこ(Wanko_IT) wanko_it
0
180
Even G2とAWSで推しのエージェントを召喚しよう！
Avatar for Har1101 har1101
1
170
yield再入門 #phpcon
Avatar for hideki kinjyo o0h
PRO
0
610
Laravelで学ぶ Webアプリケーションチューニング入門/web_application_tuning_101
Avatar for Ryo Tomidokoro hanhan1978
4
1k
LaravelLive Japan の裏方のすべて — 第188回 PHP勉強会＠東京 (2026-06-24)
Avatar for Suguru Oki / スー suguruooki
2
150
Go言語とトイモデルで学ぶTransformerの気持ち / fukuokago23-transformer
Avatar for monochromegane monochromegane
0
130
SREは、MCPとSRE Agentをこう使え！
Avatar for kazumax55 kazumax55
0
150

Featured

See All Featured
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.4k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
38
2.9k
WCS-LA-2024
Avatar for Leonardo Collado-Torres lcolladotor
0
730
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
Avatar for MADOX madoxten
64
56k
Lightning Talk: Beautiful Slides for Beginners
Avatar for Ines Montani inesmontani
PRO
2
610
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
540
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
Avatar for Aleyda Solis aleyda
1
2.1k
Navigating Weather and Climate Data
Avatar for Ryan Abernathey rabernat
0
390
Lightning talk: Run Django tests with GitHub Actions
Avatar for Sarah Abderemane sabderemane
0
220
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
408
67k
The Director’s Chair: Orchestrating AI for Truly Effective Learning
Avatar for Mike Taylor tmiket
1
220
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
Avatar for Christian Goodrich cargoodrich
3
750

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