YoVDO

Learn Flexbox

Offered By: Scrimba

Tags

Flexbox Courses Web Development Courses Responsive Design Courses

Course Description

Overview

This tutorial teaches you CSS Flexbox through 12 interactive screencasts. You'll learn all the key concepts in addition to building a responsive navbar and a neat image grid.
  • Flexbox Basics
  • Main axis
  • Cross axis
  • Justify content
  • Positioning items
  • The flex property
  • Align items
  • Flex direction
  • Wrapping
  • Flex grow, shrink, basis
  • Order
  • Creating Navbar
  • Creating image grid

Syllabus

  • Learn Flexbox
    • 1. Your first Flexbox layout - Flexbox tutorial
    • 2. Main axis and cross axis - Flexbox tutorial
    • 3. Frontend Career Path
    • 4. Justify Content - Flexbox tutorial
    • 5. Positioning items - Flexbox tutorial
    • 6. The flex property - Flexbox tutorial
    • 7. Align items - Flexbox tutorial
    • 8. Flex direction column - Flexbox tutorial
    • 9. Wrapping - Flexbox tutorial
    • 10. Flex grow, shrink, basis - Flexbox tutorial
    • 11. Order - Flexbox tutorial
    • 12. Bonus: Responsive Navbar - Flexbox tutorial
    • 13. Bonus: Creating a Flexbox image grid - Flexbox tutorial
    • 14. Congrats & next steps!

Related Courses

Front-End Web UI Frameworks and Tools: Bootstrap 4
The Hong Kong University of Science and Technology via Coursera Build Restaurant Business Website using Google Sites
Coursera Project Network via Coursera Build Training Website using Google Sites
Coursera Project Network via Coursera Building High Quality User Experience Using Material UI
NIIT StackRoute via Coursera Learn Bootstrap
Codecademy