From the course: CSS Essential Training
Join today to access over 25,500 courses taught by industry experts.
Working with flex items
From the course: CSS Essential Training
Working with flex items
- [Instructor] Flexbox is described as a one-dimensional layout method, because it aligns items on a single axis in either rows or columns. The flex direction property defines the direction of the main axis and how flex items are arranged in the flex container. The style is applied to the flex container and has a default value of row. When flex direction is set to row, the main start and main end, follow the document's writing mode. Left to right languages start on the left, and right to left languages start on the right. Flex direction can also be set to column, changing the main axis to run from top to bottom. The flex items also expand to fill the container width. The flex-wrap property is used to determine if flex items will display on a single line or wrap onto multiple lines. The default value is nowrap, meaning flex items will always be displayed on a single line. The value of wrap allows flex items to…
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.