CSS Flexbox Tutorial for Beginners - Learn HTML and CSS Full Course for Beginners
Dani Krossing via YouTube
Overview
Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Learn how to create flexible layouts using CSS Flexbox in this comprehensive 23-minute tutorial. Explore essential Flexbox concepts and properties, including flex containers, flex-direction, flex-wrap, justify-content, align-content, and gap. Discover techniques for styling container items with order, flex-basis, flex-grow, flex-shrink, align-items, and align-self. Follow along with step-by-step explanations and practical examples to master the art of creating responsive and dynamic web layouts using modern CSS techniques.
Syllabus
- What is Flexbox?
- What I have so far...
- Create a flexbox container!
- flex-direction
- flex-wrap
- justify-content
- align-content
- gap
- Style container items!
- order
- flex-basis
- flex-grow
- flex-shrink
- align-items
- align-self
Taught by
Dani Krossing