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 First Look

Course Summary

Explore Flexbox, the Flexible Box Layout model, how it compares to other CSS layout techniques, and why it's an important part of the evolution of CSS layout.       


  • +

    Course Syllabus

    Introduction
       Welcome 
       Using the exercise files 
    1. Flexbox Basics
       Flexbox overview 
       Current support 
       Defining flex elements 
       Understanding flex axes 
       Controlling element flow 
       Content wrapping 
       Challenge overview 
    2. Element Flexibility
       Understanding the flex property 
       Controlling element flexibility 
       Defining display ratios 
       Challenge: Creating element flexibility 
       Solution: Creating element flexibility 
    3. Controlling Alignment
       Main axis alignment 
       Cross-axis alignment 
       Aligning single items 
       Flex item margins 
       Aligning multiple lines 
       Challenge: Aligning flex items 
       Solution: Aligning flex items 
    4. Element Display Order
       Defining element display order 
       Flex flow and display order 
       Nesting flex containers 
       Challenge: Controlling display order 
       Solution: Controlling display order 
    Conclusion
       Additional resources 
     

     


Course Fee:
USD 25

Course Type:

Self-Study

Course Status:

Active

Workload:

3 - 4 hours / week

This course is listed under Open Source and Development & Implementations Community

Attended this course?

Back to Top

Awards & Accolades for MyTechLogy
Winner of
REDHERRING
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

Back to Top