CSS Media Queries Courses and Certifications

Responsive Web Design Fundamentals

9 reviews

Learn and practice strategies for developing websites that look great on every device! Made with Google's Pete LePage.

• Udacity
• 2 weeks
• On-Demand
• Free Online Course

CSS - Basics to Adv for front end development

2944 ratings at Udemy

Complete guide to create beautiful, responsive and user-friendly websites using CSS3. Learn CSS3 with hands-on projects

• Udemy
• 4 hours 55 minutes
• On-Demand
• Paid Course

Learn how to convert PSD to HTML and CSS responsive

156 ratings at Udemy

Learn all techniques to covert your PSD design into HTML and make it animate and responsive with CSS media queries

• Udemy
• 2 hours 35 minutes
• On-Demand
• Paid Course

Design the Web: Responsive SVG Images

Learn how to combine scalable vector graphics with CSS media queries to create responsive images for your websites and other interactive projects.

• LinkedIn Learning
• On-Demand
• Free Trial Available

Advanced CSS Media Queries

64 ratings at LinkedIn Learning

Learn how to use media queries to test for interaction styles, determine how devices are held, figure out screen resolution, and combine these options to build sites and apps.

• LinkedIn Learning
• 1 hour 5 minutes
• On-Demand
• Free Trial Available

Learning Responsive Media

6 ratings at LinkedIn Learning

Make your media as responsive as your site's layout. Learn to prepare video, fonts, and images to display correctly on a wide variety of devices.

• LinkedIn Learning
• 58 minutes
• On-Demand
• Free Trial Available

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
• On-Demand
• Free Trial Available

FollowAndrew

Responsive Web Design Tutorial

Create a responsive web design using CSS grid and media queries, covering HTML5 and CSS from scratch without frameworks. Learn wireframing, layout techniques, and mobile optimization.

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

Learn CSS Media Queries by Building 3 Projects - Full Course

Master CSS Media Queries through hands-on projects. Learn responsive design techniques, including @media rules, min/max-width, and practical applications for various screen sizes.

• freeCodeCamp
• 1-2 hours
• On-Demand
• Free Video

NDC Conferences

Responsive Web Design for Developers with Visual Studio

Learn to create visually appealing, responsive web interfaces for various devices using CSS media queries, frameworks like Bootstrap, and LESS preprocessor. Gain practical skills in image handling without extensive Photoshop knowledge.

• YouTube
• 59 minutes
• On-Demand
• Conference Talk

WeAreDevelopers

Journey to Highly Effective and Maintainable CSS Media Queries

Discover best practices for effective CSS media queries, including placement, maintainability, and mobile-first approaches to simplify code and enhance layout implementations.

• YouTube
• 24 minutes
• On-Demand
• Conference Talk

EGATOR

Build & Deploy a Responsive Photography Portfolio Website - HTML, CSS & JavaScript - Complete Tutorial

Learn to build and deploy a responsive photography portfolio website using HTML, CSS, and JavaScript. Covers layout techniques, animations, and responsive design for a professional online presence.

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

EGATOR

Responsive Personal Portfolio Website Using HTML, CSS, and JavaScript - Full Tutorial

Learn to build a responsive personal portfolio website using HTML, CSS, and JavaScript. Covers layout, styling, interactivity, and mobile optimization.

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

EGATOR

Responsive SmartHome Website Using HTML, CSS and JavaScript

Learn to create a responsive SmartHome website with HTML, CSS, and JavaScript. Master media queries, toggle navigation, implement FAQs, design a contact form, and integrate FormSpree for submissions.

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

EGATOR

How to Make Website Using HTML, CSS & JavaScript - Full Multi Page Website Design Step by Step Tutorial

Step-by-step tutorial for creating a responsive multi-page website using HTML, CSS, and JavaScript. Covers design, functionality, and deployment, suitable for beginners with basic web development knowledge.

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