Learn Flexbox
Offered By: Scrimba
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
Advanced CSS ConceptsMicrosoft via edX Тонкости верстки
Moscow Institute of Physics and Technology via Coursera CSS - The Complete Guide 2024 (incl. Flexbox, Grid & Sass)
Udemy Build Responsive Real-World Websites with HTML and CSS
Udemy HTML5 & CSS3 Build: Two Responsive Websites in Hindi
Udemy