Get Started with Flexbox CSS Layouts
Offered By: egghead.io
Course Description
Overview
Flexbox is a powerful way to layout HTML so that elements can grow to fit the size of their container. It can also control how the elements are positioned within a flexed container.
Once you start thinking in rows and columns, you can control almost any flexed layout with just a few simple flexbox layout primitives.
Once you start thinking in rows and columns, you can control almost any flexed layout with just a few simple flexbox layout primitives.
Syllabus
- Flex into a Row or a Column with flex-direction
- Change the Spacing of Flexed Components with justify-content
- Change the off-axis Alignment of a Flexed Container with `align-items`
- Change the Alignment of a Single Flexed Item with 'align-self'
- Wrap Elements Inside of a Flexed Container with `flex-wrap`
- Proportionally Grow a Flexed Element by Setting `flex-grow` or `flex` Styles
Taught by
Chris Achard
Related Courses
Web DevelopmentUdacity Programming Languages
University of Virginia via Udacity Building a Basic Website
University of Massachusetts Amherst via Independent Web-Technologien
openHPI iDESWEB, Introducción al desarrollo web
MirÃadax