Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Flexbox - some magic tricks with CSS

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Cheesecake Labs Cheesecake Labs
June 28, 2018
Programming
110
0

Flexbox - some magic tricks with CSS

Ilê Caian

Avatar for Cheesecake Labs

Cheesecake Labs

June 28, 2018

More Decks by Cheesecake Labs

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

Other Decks in Programming

See All in Programming
数年滞っていたダークモード対応をおよそ2週間で完了させる
Avatar for Kazuki Chigita chigichan24
0
700
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
170
Deep dive into the select statement (GopherCon UK)
Avatar for Jesús Espino jespino
0
170
MIZARU@SPAJAM2026 第二回予選
Avatar for drama 1901drama
0
110
巨大モノリシックアプリ モダン化大作戦
Avatar for Ryomm ktcryomm
0
440
デプロイ直後のレイテンシスパイクを調べたら、 Railsの仕様にたどり着いた
Avatar for naohisa nhsykym
0
110
GKE アップグレード前に知っておきたい Blue/Green と PDB の関係
Avatar for Sota Takaki stkk
0
160
From 6 People Classroom Meetup to 100 People Regional Conference / FOSS4G Hiroshima 2026
Avatar for YFurukawa furukawayasuto
0
130
WebMCP Challenge に星空観察アプリで参加した話
Avatar for dario okazaki okajun35
0
120
【DroidKaigi 2026】「アクセシビリティを利用するとき、 アクセシビリティもまたこちらを利用している」 〜マルウェアによる攻撃と防衛について〜
Avatar for HalunoYo. halunoyo
0
440
Swift愛好会100回記念 第1回を振り返る
Avatar for jollyjoester jollyjoester
0
120
XP祭りでしか伝わらないフリップネタ #xpjug
Avatar for bayashi murabayashi
0
120

Featured

See All Featured
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.5k
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.7k
Ruling the World: When Life Gets Gamed
Avatar for Sebastian Deterding codingconduct
0
330
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
183
10k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
202
76k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9.7k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
141
7.7k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
35
2.8k
Highjacked: Video Game Concept Design
Avatar for Ryan Kendrick rkendrick25
PRO
1
450
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
306
120k
A Guide to Academic Writing Using Generative AI - A Workshop
Avatar for Kenji Saito ks91
PRO
1
440
Navigating Weather and Climate Data
Avatar for Ryan Abernathey rabernat
0
510

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