Learn HTML, CSS3 Flexbox & Bootstrap Flex and Build Websites with Responsive Design in 2018

Luis Carlos, Engineer, Web Developer and Instructor

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
39 Videos (2h 10m)
    • Course presentation

      2:26
    • Introduction

      2:55
    • Flexbox layout model

      3:26
    • Flexbox properties

      1:48
    • Display property

      3:59
    • Flexbox default behavior

      3:38
    • Flexbox direction

      4:19
    • Flex wrap

      3:26
    • Flex flow

      1:59
    • Justify content

      3:49
    • Align items

      4:22
    • Align content

      3:26
    • Order property

      3:22
    • Flex grow

      4:55
    • Flex shrink

      2:29
    • Flex basis

      2:07
    • Flex

      4:32
    • Align self

      2:43
    • Holy Grail layout introdution

      0:56
    • Holy Grail layout - 1st method

      5:22
    • Holy Grail layout - 2nd method

      2:09
    • Holy Grail layout - create header content

      5:35
    • Holy Grail layout - create navigation links

      2:32
    • Holy Grail layout - create main content

      3:05
    • Holy Grail layout - create aside content

      1:42
    • Holy Grail layout - create footer content

      2:08
    • Advanced layout technique - part 1

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

      3:22
    • Introduction to Media Queries

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

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

      2:57
    • Bootstrap flex intro

      1:40
    • Bootstrap - Display utility classes

      7:21
    • Bootstrap - Direction utility classes

      2:27
    • Bootstrap - Flex wrap utility classes

      2:28
    • Bootstrap - Justify content utility classes

      2:18
    • Bootstrap - Align item utility classes

      2:11
    • Bootstrap - Align content utility classes

      2:28
    • Bootstrap - Flex Grow & Shrink utility classes

      4:14