From the course: CSS: Combining Grid and Flexbox
Join today to access over 24,400 courses taught by industry experts.
Flexbox container properties - CSS Tutorial
From the course: CSS: Combining Grid and Flexbox
Flexbox container properties
- [Instructor] With Flexbox, you can manipulate your layout both by assigning traits to the container and also to the flex items individually. Let's review some of the container properties to begin with. We have flex-direction, flex-wrap, flex-flow, justify-content, align-items, and align-content. Flex-direction allows us to set the main axis. It's important as many of the other flex-based properties are dependent on the flex-direction or the direction of the main and the cross axis. The flex-direction property lets you decide how flex items are laid out. You can either lay them out horizontally or vertically and reverse them in either direction. The flex-direction property defines in which direction the container wants to stack the flex items, either using rows or columns. The property flex-wrap specifies whether the flex items should wrap or not. Flexbox, by default, will try to fit all elements into one row. However,…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.
