From the course: Building Responsive Forms with Flexbox

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Flexbox basics

Flexbox basics - CSS Flexbox Tutorial

From the course: Building Responsive Forms with Flexbox

Start my 1-month free trial

Flexbox basics

- [Voiceover] Before we begin building our forms, I want to take just a moment to give you an overview of how Flexbox works. Controlling the layout of web pages has always been a little tricky. Typically, we use things like floats to move elements to the right or to the left of each other, or use basic positioning models like absolute positioning. We've been using these tools for so long that most of us have gotten pretty good at building complex layouts with them. But if you think about it, these are not very sophisticated layout tools. In reality, even the simplest layout tasks, such as building forms, are difficult to control. That's where Flexbox comes in. Flexbox is just one of several new CSS layout modules that are designed to finally make crafting CSS layouts easier and more powerful. Flexbox allows you to control the alignment, spacing, and sizing of elements relative to their parents. This means that Flexbox is ideally suited for controlling elements along a single access or…

Contents