Responsive Web design - Forms with HTML & CSS3 Flexbox - Web Development guide | Luis Carlos | Skillshare

Responsive Web design - Forms with HTML & CSS3 Flexbox - Web Development guide

Luis Carlos, Engineer, Web Developer and Instructor

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
3 Lessons (13m)
    • 1. Trailer

      0:58
    • 2. Responsive form with HTML & FLEXBOX

      8:37
    • 3. Change form elements position easily

      3:16

About This Class

In this class i want to share with you the creation of  responsive web forms using structure language HTML(you can see HTML class in the hyperlink) and Flexbox model.

b8386e51

Using the properties of this model you can get amazing layoutst using intuitive and very simple code. If you want to learn how flexbox works, you can watch the class Learn CSS3 Flexbox & Build Responsive Websites in 2018, where I explain in detail the functioning of this model created in version 3 of css. 

 

This class is divided in two parts:

  • Use of HTML to create fthe different input elements of the form and use of flexbox to "organize"  and fine tune layout 

  • Use of simple flexbox property the change position of the form fields 

At the end of this class you are able to create your  form with responsive design, that you can share with community.

At the end feel free to leave a comment!

Enjoy it.

Luis Carlos