From the course: CSS: Combining Grid and Flexbox
Join today to access over 24,400 courses taught by industry experts.
Using Flexbox: Challenge - CSS Tutorial
From the course: CSS: Combining Grid and Flexbox
Using Flexbox: Challenge
(upbeat music) - [Narrator] Flexbox is all about taking a bunch of things which have varying sizes and fitting them into a container, which itself has a varying size. Flexbox tries to create the best possible layout for our items, by giving bigger items more space and smaller items less space, thus preserving readability of content. I've shown you a few examples when using Flexbox makes the most sense. We'll be exploring more about Flexbox as we go through this course. But before we get into our main project, let me give you a little challenge. I recommend you try to utilize what we have reviewed to create this commonly-used web-based layout. At its core, this layout is a page with a header, footer, and at large screen, three columns. The center column contains the main content and the left and the right columns contain supplemental content like ads or navigation. As you can see, when the page is smaller, everything…
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.
