Flexbox Courses and Certifications

Academind

CSS Flexbox Tutorial - Flex Items - Part 2

Learn to customize individual flex items with properties like order, flex-flow, align-self, and flex-grow. Master advanced flexbox techniques for precise control over layout and responsiveness.

• YouTube
• 23 minutes
• On-Demand
• Free Video

Dave Gray

Intro to CSS Flexbox - Flex CSS Tutorial for Beginners

Comprehensive introduction to CSS Flexbox, covering key properties and concepts with practical examples. Ideal for beginners looking to master flexible layouts in web design.

• YouTube
• 24 minutes
• On-Demand
• Free Video

CSS Flexbox Course

Master Flexbox for responsive web layouts. Learn axis concepts, item positioning, flex properties, and practical applications like navbars and image grids.

• freeCodeCamp
• On-Demand
• Free Video

Colt Steele

The Ultimate CSS3 Flexbox Tutorial - Colt's Code Camp

Master CSS3 Flexbox: Learn properties, terminology, and practical applications. Gain hands-on experience through exercises and examples to create flexible, responsive layouts effortlessly.

• YouTube
• 59 minutes
• On-Demand
• Free Video

CSS Flexbox Tutorial

Master CSS Flexbox through hands-on lessons, building a responsive navbar and image grid while learning key concepts for flexible and efficient layouts.

• YouTube
• 30 minutes
• On-Demand
• Free Video

Learn Flexbox

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.

• Scrimba
• 52 minutes
• On-Demand
• Free Online Course

Kevin Powell

Learn Flexbox the Easy Way

Master flexbox fundamentals through practical examples. Learn key properties like flex-grow, flex-direction, and justify-content. Gain skills to create responsive layouts and solve common flexbox challenges.

• YouTube
• 34 minutes
• On-Demand
• Free Video

Traversy Media

Mobile First Responsive Contact Form Featuring Grid CSS

Learn to create a responsive, mobile-first contact form using HTML, CSS Grid, and Font Awesome icons, with an entry animation for a polished user interface.

• YouTube
• 30 minutes
• On-Demand
• Free Video

Traversy Media

Build a Responsive HTML & CSS Template with FlexboxGrid

Create a responsive HTML & CSS template using FlexboxGrid, a lightweight Flexbox-based grid system. Learn to build a modern website layout with easy alignment and Bootstrap-like classes.

• YouTube
• 1 hour 12 minutes
• On-Demand
• Free Video

Envato Tuts+

How to Build a Responsive Navigation Bar with Flexbox

Learn to create a mobile-first, responsive navigation bar using flexbox. Practice building layouts for different screen sizes and implement toggle functionality for an interactive user experience.

• YouTube
• 31 minutes
• On-Demand
• Free Video

Responsive 4-Column Layout with Flexbox - Build a Responsive Website from Scratch

Learn to create a responsive 4-column layout using flexbox for a website's Features section. Master HTML, CSS (SCSS), and flexbox techniques to build adaptable, visually appealing web designs.

• YouTube
• 38 minutes
• On-Demand
• Free Video

LearnWebCode

CSS Layout - Flexbox & Grid Basics

Learn CSS layout techniques with Flexbox and Grid, covering responsive design, background colors, and content width for modern web development.

• YouTube
• 56 minutes
• On-Demand
• Free Video

Learn Flexbox Through Examples

Flexbox is easily one of the most important additions to CSS in the last decade. The only problem is that there's a bit of a learning curve. Trust me, though: you want to learn this. And once you have, you'll be singing its praises to anyone who will lis…

• Laracasts
• 1 hour 12 minutes
• On-Demand
• Paid Course

CSS Flexbox Layout Course (How To)

105-minute CSS course: Flexbox is a set of CSS properties that give you a flexible way to lay out content. With flexbox you can change the directio...

• Treehouse
• 1 hour 45 minutes
• On-Demand
• Free Trial Available

Kevin Powell

Common Beginner CSS Mistakes

Discover common CSS pitfalls for beginners and learn effective solutions to improve your coding practices, from avoiding useless declarations to mastering flexbox and positioning techniques.

• YouTube
• 21 minutes
• On-Demand
• Free Video