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

CSS Grid in freier Wildbahn

Jessica Lyschik
November 10, 2019
Programming
0
74

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
6
Performance 1x1
jessicalyschik
0
70
WordPress 5.3 - und Gutenberg!
jessicalyschik
0
120
CSS Grid in the wild
jessicalyschik
0
220
Keine Angst vor Gutenberg und WordPress 5.2
jessicalyschik
0
36
Keine Angst vor Gutenberg und WordPress 5.0
jessicalyschik
0
260
Einstieg in CSS Grid
jessicalyschik
1
440
CSS für Anfänger
jessicalyschik
0
76
Frauen in der IT und der WordPress Community
jessicalyschik
0
84

Other Decks in Programming

See All in Programming
外部APIとズブズブな開発どうしてますか？
kin29
0
300
7 principles for rich web apps And how next.js achieves these principles
yosuke_furukawa
PRO
6
980
[iOS Dev UK 23] Making developer tools with Swift
polpielladev
0
180
わかる！Hashicorp Waypoint | HashiTalks: Japan2023
kazue
0
270
KustoクエリのChatGPT Plugin！
tomokusaba
0
280
Build Backwards-Compatible REST APIs with Rolling Versions
subomi
0
130
純SPAでNext.jsに対抗する 〜ページによってmetaタグを切り替える編〜
kiyoshiro
0
210
脆弱性診断の内製化と外注
tsukushi
7
2.6k
Compose で Android/iOS アプリを作る
m_coder
0
1.2k
Exploring Code Smells - ElixirConf US 2023
elainenaomi
1
230
新卒研修でNext.js AppRouterを導入した 学びと反省
iuchimasatoshi
1
210
個人開発のiOSアプリでUI/UXを標準に寄せてみた / 20230919_orochi
uhooi
0
310

Featured

See All Featured
Making the Leap to Tech Lead
cromwellryan
119
8.1k
Building Adaptive Systems
keathley
29
1.6k
Teambox: Starting and Learning
jrom
125
8.1k
How To Stay Up To Date on Web Technology
chriscoyier
780
250k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
18
6.1k
A better future with KSS
kneath
230
16k
5 minutes of I Can Smell Your CMS
philhawksworth
199
19k
Navigating Team Friction
lara
177
12k
The Power of CSS Pseudo Elements
geoffreycrofte
56
4.6k
KATA
mclloyd
13
11k
What's new in Ruby 2.0
geeforr
336
30k
Rails Girls Zürich Keynote
gr2m
90
12k

Transcript

  1. CSS Grid in
    freier Wildbahn
    Jessica Lyschik • WordCamp Stuttgart 2019

    View Slide

  2. Warum du CSS Grid bereits
    heute einsetzen solltest

    View Slide

  3. Quelle: caniuse.com

    View Slide

  4. Erstelle 2-dimensionale Layouts, direkt mit CSS
    Angepasstes Beispiel von gridbyexamples.com

    View Slide

  5. CSS Grid ist nicht wie
    Bootstrap oder 960grid

    View Slide

  6. Denke nicht in Spalten, sondern in Linien-Nummern. Sie starten bei 1 von ganz links.
    Angepasstes Beispiel von gridbyexamples.com

    View Slide

  7. Beispiel 1: CodePen

    View Slide

  8. Beispiel 2: CodePen

    View Slide

  9. Vielen Dank!
    Was ist deine Frage?
    Folge mir auf Twitter:
    @jessicalyschik

    View Slide