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

Other Decks in Programming

See All in Programming
RubyとGoでゼロから作る証券システム： 高信頼性が求められるシステムのコードの外側にある設計と運用のリアル
Avatar for free_world21 free_world21
0
290
最初からAWS CDKで技術検証してもいいんじゃない？
Avatar for アキキー | Akihisa Ikeda akihisaikeda
4
150
Docコメントで始める簡単ガードレール
Avatar for Keisuke Ikeda keisukeikeda
1
120
Claude Code の Skill で複雑な既存仕様をすっきり整理しよう
Avatar for yuichiro_takahashi yuichirokato
1
380
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
550
AI時代のシステム設計：ドメインモデルで変更しやすさを守る設計戦略
Avatar for 増田 亨 masuda220
PRO
5
1k
SourceGeneratorのマーカー属性問題について
Avatar for tkym htkym
0
200
new(1.26) ← これすき / kamakura.go #8
Avatar for utagawa kiki utgwkk
0
2.3k
AI 開発合宿を通して得た学び
Avatar for ニフティ株式会社 niftycorp
PRO
0
120
AWS×クラウドネイティブソフトウェア設計 / AWS x Cloud-Native Software Design
Avatar for nrs nrslib
16
3.2k
nilとは何か 〜interfaceの構造とnil!=nilから理解する〜
Avatar for kuro kuro_kurorrr
3
1.9k
AIに任せる範囲を安全に広げるためにやっていること
Avatar for Masashi Fukuzawa fukucheee
0
130

Featured

See All Featured
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
55k
Claude Code どこまでも/ Claude Code Everywhere
Avatar for nwiizo nwiizo
64
53k
How To Speak Unicorn (iThemes Webinar)
Avatar for Michelle Schulp Hunt marktimemedia
1
410
Avoiding the “Bad Training, Faster” Trap in the Age of AI
Avatar for Mike Taylor tmiket
0
100
Highjacked: Video Game Concept Design
Avatar for Ryan Kendrick rkendrick25
PRO
1
320
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
Avatar for Mine Cetinkaya-Rundel minecr
1
200
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
275
41k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
249
1.3M
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
37
6.3k
Lightning Talk: Beautiful Slides for Beginners
Avatar for Ines Montani inesmontani
PRO
1
480
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
9
1.7k

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