YoVDO

Learn CSS Media Queries by Building 3 Projects - Full Course

Offered By: freeCodeCamp

Tags

HTML & CSS Courses Web Development Courses Responsive Web Design Courses CSS Media Queries Courses

Course Description

Overview

Master CSS Media Queries through a comprehensive video course that guides you in building three practical projects. Dive into the essentials of creating responsive websites for various screen sizes. Begin with setup and fundamental concepts like the @media rule, AND operator, media types, max-width, and min-width. Progress through three hands-on projects, developing both desktop and mobile versions to reinforce your understanding. Access supplementary resources including an article version, GitHub repository, and course contents breakdown for a well-rounded learning experience. By the end of this 1-2 hour course, gain the skills to confidently implement responsive design in your web development projects.

Syllabus

) Intro.
) Setup.
) Project-1.
) @ media rule.
) And operator.
) Media Type.
) Max-Width.
) Min-Width.
) Project-2 Desktop.
) Project-2 Mobile.
) Project-3 Desktop.
) Project-3 Mobile.
) Conclusion.


Taught by

freeCodeCamp.org

Related Courses

Responsive Web Design Fundamentals
Google via Udacity
Introduction to Bootstrap - A Tutorial
Microsoft via edX
Responsive Images
Udacity
Responsive Website Basics: Code with HTML, CSS, and JavaScript
University of London International Programmes via Coursera
Responsive Web Design
University of London International Programmes via Coursera