Web Development Masterclass: Learn HTML, CSS Flexbox, Bootstrap for Responsive Web Design

Luis Carlos, Engineer, Web Developer and Instructor

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
41 Lessons (2h 15m)
    • 1. Course presentation

      2:26
    • 2. Introduction

      2:55
    • 3. Flexbox layout model

      3:26
    • 4. Flexbox properties

      1:48
    • 5. Display property

      3:59
    • 6. Flexbox default behavior

      3:38
    • 7. Flexbox direction

      4:19
    • 8. Flex wrap

      3:26
    • 9. Flex flow

      1:59
    • 10. Justify content

      3:49
    • 11. Align items

      4:22
    • 12. Align content

      3:26
    • 13. Order property

      3:22
    • 14. Flex grow

      4:55
    • 15. Flex shrink

      2:29
    • 16. Flex basis

      2:07
    • 17. Flex

      4:32
    • 18. Align self

      2:43
    • 19. Holy Grail layout introdution

      0:56
    • 20. Holy Grail layout - 1st method

      5:22
    • 21. Holy Grail layout - 2nd method

      2:09
    • 22. Holy Grail layout - create header content

      5:35
    • 23. Holy Grail layout - create navigation links

      2:32
    • 24. Holy Grail layout - create main content

      3:05
    • 25. Holy Grail layout - create aside content

      1:42
    • 26. Holy Grail layout - create footer content

      2:08
    • 27. Advanced layout technique - part 1

      4:43
    • 28. Advanced layout technique - part 2 (Holy Grail layout)

      3:22
    • 29. Introduction to Media Queries

      6:05
    • 30. Make your Webpage with Responsive Layout (Holy Grail Layout)

      4:35
    • 31. Responsive Design without Media Queries (With Flex-Wrap)

      2:57
    • 32. Bootstrap flex intro

      1:40
    • 33. Bootstrap - Display utility classes and use of breakpoints

      7:21
    • 34. Bootstrap - Direction utility classes

      2:27
    • 35. Bootstrap - Flex wrap utility classes

      2:28
    • 36. Bootstrap - Justify content utility classes

      2:18
    • 37. Bootstrap - Align item utility classes

      2:11
    • 38. Bootstrap - Align content utility classes

      2:28
    • 39. Bootstrap - Align self utility classes

      2:16
    • 40. Bootstrap - Flex Grow & Shrink utility classes

      4:14
    • 41. Bootstrap - Order utility classes

      2:40
How students rated this class
Leave Review

Watch more to review

We ask our students to watch a few lessons before reviewing to make sure we get quality feedback!

Best Suited for
 --  Beginner Intermediate Advanced Beginner/Intermediate Intermediate/Advanced All Levels

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

Be the first!

No ratings just yet—watch a few lessons to be the first to share whether this class met your expectations.

Expectations Met?
  • Exceeded!
    0%
  • Yes
    0%
  • Somewhat
    0%
  • Not really
    0%
Be the first to leave a review in our updated system!
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update. You are welcome to edit your old review into the new system!

4 of 4 students recommend this class
A very good comprehensive lesson on the Flexbox properties, what they do and how to combine them and put them into practice!