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

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 Online Course

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 Online Course

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 Online Course

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 Online Course

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 Online Course

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 Online Course

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 Online Course

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 Online Course

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