Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Flexbox: Advanced CSS Layout Techniques - CSS Day 2013

Web Conferences Amsterdam via YouTube

Overview

Explore the power of Flexbox in this 50-minute conference talk from CSS Day 2013. Dive into the intricacies of CSS layout with Stephen Hay as he covers essential Flexbox properties and concepts. Learn about flex direction, flex grow, alignment, space distribution, and ordering. Discover practical applications for Flexbox, including centering elements, creating responsive menus, and recreating table-like structures. Gain insights into browser compatibility and best practices for consistent layouts across different devices. Whether you're a beginner or an experienced developer, enhance your CSS skills and unlock new possibilities for creating flexible and responsive web designs.

Syllabus

Introduction
Space Buzz
CSS Level 1
Layout
Tab Atkins
General Page Layout
Bob
Properties
Flex Direction
Flex
Flex Grow
Flex No Grow
Flex according to n
Margin Auto
Alignment
Space Between
Align
Order
Group
Centering
Unknown Menu Items
Source Order
Tab Groups
Form
Product Listings
Lacking Elements
Recreate Tables
Consistency
Browser Compatibility

Taught by

Web Conferences Amsterdam

Reviews

Start your review of Flexbox: Advanced CSS Layout Techniques - CSS Day 2013

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.