MyPage is a personalized page based on your interests.The page is customized to help you to find content that matters you the most.

I'm not curious

CSS Flexbox Layout

Course Summary

Flexbox is a set of CSS properties that give you a flexible way to lay out content. With flexbox you can change the direction, alignment, size and order of elements, regardless of their original size and order in the HTML. You can even stretch and shrink elements and distribute space, all with just a few lines of CSS!

  • +

    Course Syllabus

    Understanding Flexbox

    Before you begin using flexbox in your layouts, you should understand the terminology and concepts behind flexbox. 5 steps
    • Introducing Flexbox 2:42
    • Flexbox Basics and Terminology 2:20
    • Flexbox Basics Review 6 questions
    • Creating a Flex Container 4:50
    • Flex Container Challenge 1 objective

    Flexbox Properties

    Learn advanced flexbox properties for layout direction, order, alignment, sizing and more. 11 steps

    Building a Layout with Flexbox

    It's time to put those new flexbox skills into practice! In this section, you're going to use flexbox to build the layout for a simple web page. 7 steps

Course Fee:
USD 25

Course Type:


Course Status:



1 - 4 hours / week

This course is listed under Open Source , Development & Implementations and Digital Media & Games Community

Attended this course?

Back to Top

Awards & Accolades for MyTechLogy
Winner of
Top 100 Asia
Finalist at SiTF Awards 2014 under the category Best Social & Community Product
Finalist at HR Vendor of the Year 2015 Awards under the category Best Learning Management System
Finalist at HR Vendor of the Year 2015 Awards under the category Best Talent Management Software
Hidden Image Url