Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

LinkedIn Learning

Building Responsive Forms with Flexbox

via LinkedIn Learning

Overview

Learn how to use Flexbox (the CSS3 Flexible Box Model) to create responsive HTML forms.

Syllabus

Introduction
  • Welcome
  • Using the exercise files
1. Building a short form
  • Flexbox basics
  • Touring the finished projects
  • Basic form structure
  • Basic form styling
  • Making the form responsive
  • Controlling element flexibility
  • Refining form layout
2. Larger Forms
  • 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
Conclusion
  • Additional resources

Taught by

James Williamson

Reviews

4.7 rating at LinkedIn Learning based on 66 ratings

Start your review of Building Responsive Forms with Flexbox

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.