Learn CSS Media Queries by Building 3 Projects - Full Course
Offered By: freeCodeCamp
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 FundamentalsGoogle via Udacity Learn how to convert PSD to HTML and CSS responsive
Udemy CSS - Basics to Adv for front end development
Udemy CSS Layout Course (How To)
Treehouse HTML and CSS Tutorial in Hindi for Beginners
YouTube