From the course: CSS: Combining Grid and Flexbox
Join today to access over 24,400 courses taught by industry experts.
Flexbox item properties - CSS Tutorial
From the course: CSS: Combining Grid and Flexbox
Flexbox item properties
- [Instructor] Let's look at the properties for the flex items. A flex item is everything that is a direct descendant inside the flex container. Like flex container, the flex items, the children, have their own unique properties that allow you to further control and tweak the layout and behavior so you can achieve exactly what you want. In this section of the course, we will be looking at order, flex-grow and flex-shrink, flex-basis, flex shorthand, and align-self. Without further ado, let's get into it. By default, flex items are laid out in the source order. However, the order property controls the order in which they appear within the flex container. With flexbox order, you can change the order of your DOM elements without actually moving them in the HTML. This can be very helpful when creating responsive page layouts where you want to structure the page in a semantic way and have the most important items appear…
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.
