CSS Media Queries Courses and Certifications

Dave Gray

CSS Tutorials for Beginners

Master CSS fundamentals through hands-on projects, from selectors and layouts to responsive design, animations, and modern techniques like Grid and Flexbox.

• YouTube
• 23 hours 19 minutes
• Self-Paced
• Free Video

Web Dev Simplified

Introduction to CSS

Master CSS fundamentals through 20 comprehensive lessons covering selectors, specificity, box model, flexbox, positioning, and modern styling techniques for web development.

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

Conquering Responsive Layouts

Learn to build responsive layouts with responsive units, Flexbox, and media queries.

• Independent
• 3 weeks
• Self-Paced
• Free Online Course

(UPI) Chapter 9: Responsive Web Design Course (How To)

109-minute College Credit course: This course is part of our College Credit Program, designed to help you earn college credit while mastering valua...

• Treehouse
• 1 hour 49 minutes
• Self-Paced
• Free Trial Available

Tailwind Trainer

In this training game, you'll play bite-sized lessons where you identify the Tailwind 4 utility classes you're presented.

• Independent
• Self-Paced
• Free Online Course

CSS Layout Course (How To)

160-minute CSS course: In this course, we're going to learn techniques for better control over our CSS layouts. We’ll cover how the CSS Box Model i...

• Treehouse
• 2 hours 40 minutes
• Self-Paced
• Free Trial Available

Responsive Layouts Course (How To)

47-minute CSS course: Responsive web design is a collection of techniques for building websites that work on multiple screen sizes. In these lesson...

• Treehouse
• 47 minutes
• Self-Paced
• Free Trial Available

Modular CSS with Sass Course (How To)

193-minute CSS course: Today’s websites and applications are larger than ever and a lot hinges on the CSS architecture. CSS that is poorly thought-...

• Treehouse
• 3 hours 13 minutes
• Self-Paced
• Free Trial Available

CSS3

The course enables the learner to apply CSS3 selectors to HTML elements, style HTML elements and text using new color models of CSS3 and create responsive web pages using media queries.

• SWAYAM Plus
• 11 hours
• Self-Paced
• Free Certificate

Introduction To Responsive Web Design - HTML & CSS Tutorial

Build mobile-first, responsive layouts with CSS units, Flexbox, and media queries through a multi-page website project.

• freeCodeCamp
• 4-5 hours
• Self-Paced
• Free Video

Build Modern Layouts with CSS Grid

Build a responsive landing page with CSS Grid: define rows, columns and gaps, use fr units, repeat(), minmax(), grid-template-areas, and media queries.

• egghead.io
• 23 minutes
• Self-Paced
• Paid Course

Style an Application from Start to Finish

Follow the full styling workflow on an unstyled React todo app: flat class names, semantic markup, plain-CSS forms and icons, media queries, and transitions.

• egghead.io
• 2 hours 4 minutes
• Self-Paced
• Paid Course

Kevin Powell

Simple Tips to Making Responsive Layouts the Easy Way

Learn five practical CSS techniques for creating responsive layouts, including fluid sizing, global styling, media queries, and modern CSS functions.

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

TheCoderCoder

Stop Using px for Font Size - Accessibility Best Practices

Discover why using px for font-size, width, and height can hinder accessibility. Learn about alternative units like rem and em for responsive, user-friendly web design.

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

Scrimba

Responsive CSS Tutorial - Learn Responsive Web Design

Master responsive web design fundamentals including CSS units, flexbox, and media queries through hands-on projects building mobile-first layouts.

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