Building Responsive Forms with Flexbox

Offered By: LinkedIn Learning

Tags

Flexbox Courses Computer Science Courses Web Development Courses User Interface Design Courses Responsive Web Design Courses HTML Forms Courses

Course Description

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

Related Courses

Probabilistic Graphical Models 1: Representation
Stanford University via Coursera Computer Security
Stanford University via Coursera Intro to Computer Science
University of Virginia via Udacity Introduction to Logic
Stanford University via Coursera Internet History, Technology, and Security
University of Michigan via Coursera