From the course: CSS: Combining Grid and Flexbox
Join today to access over 24,400 courses taught by industry experts.
Flexbox syntax - CSS Tutorial
From the course: CSS: Combining Grid and Flexbox
Flexbox syntax
- [Instructor] Flexbox is a whole CSS module, not simply a single property. Therefore, it comes with a whole lot of its own operators, some for the parent container and some for its children. To understand how they work, it's important that you know the concepts and terminology of Flexbox. Let's start with our flex container and its children. These are the items contained within the parent element. They're the direct descendants. We call them flex items. The flex items are placed along flex lines. Lines and items can be manipulated in layout, size, spacing, and more, along both the vertical and horizontal axes using a multitude of operators. This allows you to best take advantage of the available space and lets the elements arrange themselves automatically according to it. We have the main axis. This is the axis at which the items are laid out. It's important to note that it can be both vertical or horizontal…
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.
