Flexbox Courses and Certifications

Traversy Media

Build a Responsive Website - HTML, CSS Grid, Flexbox & More

Learn to build a responsive website using modern HTML5 and CSS techniques like Grid, Flexbox, and animations. Gain hands-on experience in creating custom layouts, deploying to Netlify, and adding form functionality.

• YouTube
• 2 hours 2 minutes
• Self-Paced
• Free Video

Kevin Powell

Flexbox Design Patterns You Can Use in Your Projects

Explore three powerful Flexbox design patterns: even columns, grid-like layouts, and content with sidebar. Learn practical techniques to enhance your web projects and improve layout flexibility.

• YouTube
• 16 minutes
• Self-Paced
• Free Video

Kevin Powell

Flexbox Tutorial - Flexbox Containers

Comprehensive tutorial on Flexbox container properties, covering flex direction, wrap, width, flow, justify content, and align items for effective layout control in CSS.

• YouTube
• 18 minutes
• Self-Paced
• Free Video

ByteGrad

CSS Tutorials - Complete Course with Flexbox, Grid, Animations, and Responsive Design

Discover CSS fundamentals through hands-on tutorials covering Flexbox, Grid, animations, responsive design, and real-world layout solutions with practical examples.

• YouTube
• 8 hours 4 minutes
• Self-Paced
• Free Video

JSConf

Enhancing Responsiveness With Flexbox

Discover how Flexbox enhances responsive web design, offering more control and simplicity in creating complex layouts. Learn to apply Flexbox as a progressive enhancement for improved user experiences.

• YouTube
• 37 minutes
• Self-Paced
• Conference Talk

Kevin Powell

Flexbox or Grid: Solving Layout Challenges

Explore five layout challenges comparing Flexbox and Grid usage, with insights from the Discord community and Kevin Powell's expert analysis.

• YouTube
• 25 minutes
• Self-Paced
• Free Video

Kevin Powell

Creating Simple Layouts - Comparing Flexbox and Grid Approaches

Explore various CSS layout techniques as Kevin Powell analyzes community submissions, comparing flexbox, grid, and other approaches to create an efficient and responsive design.

• YouTube
• 16 minutes
• Self-Paced
• Free Video

Kevin Powell

Understanding Flexbox Alignment - Main and Cross Axis Explained

Demystifies flexbox alignment, explaining main and cross-axis concepts, flex-direction changes, and practical tips for effective CSS layout using justify-content and align-items.

• YouTube
• 14 minutes
• Self-Paced
• Free Video

Web Development with HTML, CSS, and JavaScript

8 ratings

Dive into web development fundamentals and create dynamic websites by mastering HTML for structure, CSS for styling, and JavaScript for interactive features and user engagement.

• CodeSignal
• 4 hours
• Self-Paced
• Free Certificate

Web Development with HTML & CSS

240 ratings at Noble Desktop

Master HTML and CSS fundamentals to build responsive websites - from semantic structure and content tagging to styling with Flexbox, Grid layouts, and media queries for modern web development.

• Noble Desktop
• 18 hours
• Self-Paced
• $975.00

Build Responsive Real-World Websites with HTML and CSS

117898 ratings at Udemy

Learn modern HTML5, CSS3 and web design by building a stunning website for your portfolio! Includes flexbox and CSS Grid

• Udemy
• 1 day 13 hours 28 minutes
• Self-Paced
• Paid Course

Learn HTML and CSS

3 ratings

This course will teach you HTML and CSS through building and deploying five awesome projects. It is also fully interactive, with over 75 coding challenges. There are no prerequisites, so it is suitable for absolute beginners.

• Scrimba
• 5 hours 40 minutes
• Self-Paced
• Free Online Course

Learn CSS Grid

This tutorial teaches you CSS Grid through 14 interactive screencasts. You'll learn all the key concepts while building three awesome layouts: a website, an image grid, and an article. Plus, you'll learn how to combine CSS Grid with Flexbox.

• Scrimba
• 1 hour 3 minutes
• Self-Paced
• Free Online Course

Build Websites with Figma, HTML, and CSS

Practice making high-quality mockups a reality in the browser with five stunning projects created by a UI expert and coded by you.

• Scrimba
• 3 hours 38 minutes
• Self-Paced
• Free Online Course

Learn Responsive Web Design

This course will take you to a professional level in responsive web design. You'll learn to build advanced layouts while solving fun coding challenges along the way.

• Scrimba
• 15 hours 3 minutes
• Self-Paced
• Free Online Course