Building Responsive Forms with Flexbox
With James Williamson
Liked by 402 users
Duration: 1h 19m
Skill level: Intermediate
Released: 1/8/2016
Course details
The CSS3 Flexible Box Model, or Flexbox, is a different way to design responsive websites and HTML forms. Flexbox doesn't rely on floats or collapsible margins. Instead, flex containers shrink and expand items to fit the available space. With flexbox, complex layouts can be achieved with cleaner, more semantic code.
In this course, senior staff author James Williamson shows how to use flex containers, flex child items, and responsive design techniques to create responsive layouts for two forms: a short search form and a longer registration form with sections. He demonstrates how to style the form structures, fields, labels, and buttons; control the alignment of different elements; and enhance the responsiveness of both forms with media queries.
In this course, senior staff author James Williamson shows how to use flex containers, flex child items, and responsive design techniques to create responsive layouts for two forms: a short search form and a longer registration form with sections. He demonstrates how to style the form structures, fields, labels, and buttons; control the alignment of different elements; and enhance the responsiveness of both forms with media queries.
Skills you’ll gain
Earn a sharable certificate
Share what you’ve learned, and be a standout professional in your desired industry with a certificate showcasing your knowledge gained from the course.
-
Showcase on your LinkedIn profile under “Licenses and Certificate” section
-
Download or print out as PDF to share with others
-
Share as image online to demonstrate your skill
Meet the instructor
Learner reviews
-
-
Mario Vivanco
Mario Vivanco
Voiceover for narration, announcing or dubbing to Latin American neutral standard spanish. Characters for animations, audiobooks, documentaries…
Contents
What’s included
- Practice while you learn 1 exercise file
- Learn on the go Access on tablet and phone
Download courses
Use your iOS or Android LinkedIn Learning app, and watch courses on your mobile device without an internet connection.