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

Flexbox - some magic tricks with CSS

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Cheesecake Labs Cheesecake Labs
June 28, 2018
Programming
100
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
75
How do we create the first impressions?
Avatar for Cheesecake Labs cheesecakelabs
0
86
Menstrual cup: suit and freedom
Avatar for Cheesecake Labs cheesecakelabs
0
100
Life is a cycle, better with a bicycle
Avatar for Cheesecake Labs cheesecakelabs
0
87
Interview Process: how to get the best of people
Avatar for Cheesecake Labs cheesecakelabs
1
130
My capsule wardrobe experience
Avatar for Cheesecake Labs cheesecakelabs
3
92
Stonewall Rebellion and its impact on LGBTQIA+ history
Avatar for Cheesecake Labs cheesecakelabs
1
68
Pregnancy, childbirth and breastfeeding: What do I have to do with it?
Avatar for Cheesecake Labs cheesecakelabs
0
71
MBTI - Psychological types described by Jung
Avatar for Cheesecake Labs cheesecakelabs
0
170

Other Decks in Programming

See All in Programming
共通化で考えるべきは、実装より公開する型だった
Avatar for code-egg codeegg
0
190
はてなアカウント基盤 State of the Union
Avatar for cockscomb cockscomb
1
1.3k
フィードバックで育てるAI開発
Avatar for Kota Minato kotaminato
1
110
Haskell/Servantを通してWebミドルウェアを捉え直す
Avatar for pizzacat83 pizzacat83
1
480
AI がコードを書く時代における新卒エンジニアの仕事風景 (2026) / New Graduate Engineers in the Era of AI Coding (2026)
Avatar for sushichan044 sushichan044
0
210
どこまでゆるくて許されるのか
Avatar for tk3fftk tk3fftk
0
460
symfony/aiとlaravel/boost
Avatar for Hiromi Hishida 77web
0
120
コーディングルールの鮮度を保ちたい for SRE NEXT 2026 / keep-fresh-go-internal-conventions-sre-next-2026
Avatar for NAGATA Hiroaki handlename
0
140
ECSアプリログをFireLensでコスト削減しようとしたけど諦めた話 in Fargate×Node.js
Avatar for アキキー | Akihisa Ikeda akihisaikeda
2
4.2k
【やさしく解説 設計編 #1】「ドメイン駆動」と「実装駆動」ってなに？ 〜設計の考え方を、たとえ話で学ぼう〜
Avatar for HideyukiKitao panda728
PRO
1
100
「正の参照」と 「負の導出」で組む ハーネスエンジニアリング
Avatar for Masahiro Watanabe cottpan
1
130
Snowflake Summitでの新機能 CoCo / CoWork / snowflake-summit-2026-overall-what-new-coco
Avatar for Tatsuhiro tatsuhiro
1
220

Featured

See All Featured
技術選定の審美眼（2025年版） / Understanding the Spiral of Technologies 2025 edition
Avatar for Takuto Wada twada
PRO
118
120k
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
190
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
183
10k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
62k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
11
970
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
52k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
515
110k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
25
2k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
55k
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
1
560
Building AI with AI
Avatar for Ines Montani inesmontani
PRO
1
1.1k
HTML-Aware ERB: The Path to Reactive Rendering @ RubyCon 2026, Rimini, Italy
Avatar for Marco Roth marcoroth
2
320

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