Learn how to use Flexbox (the CSS3 Flexible Box Model) to create responsive HTML forms.
Overview
Syllabus
Introduction
- Welcome
- Using the exercise files
- Flexbox basics
- Touring the finished projects
- Basic form structure
- Basic form styling
- Making the form responsive
- Controlling element flexibility
- Refining form layout
- Longer form structure
- Sectioning form content
- Refining basic styling
- Creating responsive inputs and labels
- Creating responsive checkbox groups
- Making form sections responsive
- Controlling section spacing
- Adding media queries
- Additional resources
Taught by
James Williamson