HTML & CSS Flexbox Web Development Guide - Create a Web Gallery with Responsive Web Design

Luis Carlos, Engineer, Web Developer and Instructor

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

    • 2. Planning and Layout Creation (using img tag)

    • 3. Tunning Layout with Flexbox and Css3 Effects

    • 4. Responsive web gallery (version using background-image property)


About This Class

LiThe main goal  of HTML & CSS3 Flexbox Guide to Front-End Web Development course is to create a responsive web gallery with structure language HTML(you can see HTML class in the hyperlink) and Flexbox model.

Using simple properties of this model you can get amazing layouts layout in a very simple way. 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 3 parts:

  • Planning and creation of the "main blocks" of the page and use img tag to insert images 
  • Fine tune of the layout and responsive web design using main flexbox properties
  • Web gallery version using background-image Css property

At the end of this class you are able to create your own gallery, that you can share with community.

At the end feel free to leave a comment!

Enjoy it.