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

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
0
93

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
55
How do we create the first impressions?
Avatar for Cheesecake Labs cheesecakelabs
0
64
Menstrual cup: suit and freedom
Avatar for Cheesecake Labs cheesecakelabs
0
80
Life is a cycle, better with a bicycle
Avatar for Cheesecake Labs cheesecakelabs
0
65
Interview Process: how to get the best of people
Avatar for Cheesecake Labs cheesecakelabs
1
95
My capsule wardrobe experience
Avatar for Cheesecake Labs cheesecakelabs
3
75
Stonewall Rebellion and its impact on LGBTQIA+ history
Avatar for Cheesecake Labs cheesecakelabs
1
52
Pregnancy, childbirth and breastfeeding: What do I have to do with it?
Avatar for Cheesecake Labs cheesecakelabs
0
52
MBTI - Psychological types described by Jung
Avatar for Cheesecake Labs cheesecakelabs
0
140

Other Decks in Programming

See All in Programming
AIによるイベントストーミング図からのコード生成 / AI-powered code generation from Event Storming diagrams
Avatar for nrs nrslib
2
1.8k
ZJIT: The Ruby 4 JIT Compiler / Ruby Release 30th Anniversary Party
Avatar for Takashi Kokubun k0kubun
1
400
FOSDEM 2026: STUNMESH-go: Building P2P WireGuard Mesh Without Self-Hosted Infrastructure
Avatar for Date Huang tjjh89017
0
150
AI前提で考えるiOSアプリのモダナイズ設計
Avatar for 野瀬田　裕樹 yuukiw00w
0
220
Basic Architectures
Avatar for Denys Poltorak denyspoltorak
0
660
CSC307 Lecture 08
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
670
AIフル活用時代だからこそ学んでおきたい働き方の心得
Avatar for shinoyu shinoyu
0
130
2026年 エンジニアリング自己学習法
Avatar for yumechi(Motoki Hirao) yumechi
0
130
KIKI_MBSD Cybersecurity Challenges 2025
Avatar for ikema ikema
0
1.3k
高速開発のためのコード整理術
Avatar for sutetotanuki sutetotanuki
1
380
AI巻き込み型コードレビューのススメ
Avatar for Nealle nealle
0
100
15年続くIoTサービスの SREエンジニアが挑む 分散トレーシング導入
Avatar for Melonps melonps
2
170

Featured

See All Featured
Navigating Team Friction
Avatar for Lara Hogan lara
192
16k
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
450
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
9.9k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
6.7k
Designing Experiences People Love
Avatar for Jonathan Moore moore
144
24k
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
Avatar for Tech SEO Connect techseoconnect
PRO
0
100
B2B Lead Gen: Tactics, Traps & Triumph
Avatar for Sophie Logan marketingsoph
0
52
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.5k
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
300
Are puppies a ranking factor?
Avatar for Jono Alderson jonoalderson
1
2.7k
Exploring the relationship between traditional SERPs and Gen AI search
Avatar for Ray Grieselhuber raygrieselhuber
PRO
2
3.6k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k

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