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

HTML Email Bootcamp

Master responsive email design techniques to create custom layouts that adapt across devices, optimize images, and implement mobile-friendly features using HTML and CSS.

• Noble Desktop
• On-Demand
• Paid 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

Dave Gray

CSS Media Queries and Responsive Web Design Tutorial for Beginners

Learn CSS media queries and responsive web design techniques to create adaptable layouts for different screen sizes. Covers syntax, breakpoints, mobile-first approach, and practical implementation using dev tools.

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

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

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

EGATOR

Create a Responsive Modal Popup Using HTML, CSS, and JavaScript - Modal Popup With Animation

Learn to create an animated, responsive modal popup using HTML, CSS, and JavaScript. Includes media queries, keyframe animations, and interactive functionality.

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

EGATOR

Responsive Landing Page Using HTML and CSS - CSS Responsive Design

Create a responsive landing page with HTML and CSS, focusing on navigation and header design. Learn to implement media queries for mobile optimization.

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