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

Flexbox - some magic tricks with CSS

Avatar for Cheesecake Labs Cheesecake Labs
June 28, 2018
Programming
0
91

Flexbox - some magic tricks with CSS

Ilê Caian
Avatar for Cheesecake Labs

Cheesecake Labs

June 28, 2018
Tweet

More Decks by Cheesecake Labs

See All by Cheesecake Labs
Cats' wellness & care
Avatar for Cheesecake Labs cheesecakelabs
0
49
How do we create the first impressions?
Avatar for Cheesecake Labs cheesecakelabs
0
53
Menstrual cup: suit and freedom
Avatar for Cheesecake Labs cheesecakelabs
0
60
Life is a cycle, better with a bicycle
Avatar for Cheesecake Labs cheesecakelabs
0
51
Interview Process: how to get the best of people
Avatar for Cheesecake Labs cheesecakelabs
1
84
My capsule wardrobe experience
Avatar for Cheesecake Labs cheesecakelabs
3
59
Stonewall Rebellion and its impact on LGBTQIA+ history
Avatar for Cheesecake Labs cheesecakelabs
1
37
Pregnancy, childbirth and breastfeeding: What do I have to do with it?
Avatar for Cheesecake Labs cheesecakelabs
0
45
MBTI - Psychological types described by Jung
Avatar for Cheesecake Labs cheesecakelabs
0
130

Other Decks in Programming

See All in Programming
テスト駆動Kaggle
Avatar for ねぼすけAI isax1015
1
630
“いい感じ“な定量評価を求めて - Four Keysとアウトカムの間の探求 -
Avatar for Nealle nealle
2
12k
バイブコーディング超えてバイブデプロイ〜CloudflareMCPで実現する、未来のアプリケーションデリバリー〜
Avatar for azukiazusa azukiazusa1
1
410
What's new in AppKit on macOS 26
Avatar for 1024jp 1024jp
0
150
マッチングアプリにおけるフリックUIで苦労したこと
Avatar for yuhei yuheiito
0
190
ISUCON研修おかわり会 講義スライド
Avatar for Yuki Yata arfes0e2b3c
1
470
AIともっと楽するE2Eテスト
Avatar for Yohei Maeda myohei
8
3k
The Modern View Layer Rails Deserves: A Vision For 2025 And Beyond @ RailsConf 2025, Philadelphia, PA
Avatar for Marco Roth marcoroth
2
730
チームで開発し事業を加速するための"良い"設計の考え方 @ サポーターズCoLab 2025-07-08
Avatar for Agata Naomichi agatan
1
470
Modern Angular with Signals and Signal Store: New Rules for Your Architecture @enterJS Advanced Angular Day 2025
Avatar for Manfred Steyer manfredsteyer
PRO
0
270
レトロゲームから学ぶ通信技術の歴史
Avatar for kimkim0106 kimkim0106
0
110
なぜ「共通化」を考え、失敗を繰り返すのか
Avatar for Rinchoku rinchoku
1
680

Featured

See All Featured
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
189
11k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
512
110k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
72
4.9k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
18
990
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
271
27k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
1.9k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
278
23k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
328
39k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
367
19k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
430
65k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
70
11k

Transcript

  1. None

  2. Flexbox Some magic tricks with CSS

  3. Cascading Style Sheets is a style sheet language used for

    describing the presentation of a document written in a markup language like HTML. CSS
  4. None

  5. Flexbox

  6. Flexbox(Flexible Box Layout Module) is a Box Layout Module and

    makes it easier to design flexible responsive layout structure without using float or positioning. • flex-direction • justify-content • align-items Flexbox

  7. TIME TO CODE

  8. None