Learn CSS Media Queries by Building 3 Projects - Full Course

Channel:
United States freeCodeCamp.org
Subscribers:
10,700,000
Published on ● Video Link: https://www.youtube.com/watch?v=aook54SsfhY


Duration: 1:26:14
120,616 views
4,228

Learn how to use CSS Media Queries, which are essential to creating websites responsive to different screen sizes. After learning the basics, you will learn how to use media queries to create three practical projects.

📄 Article version: https://www.freecodecamp.org/news/learn-css-media-queries-by-building-projects/

✏️ This course was created by Joy Shaheb. Check out his channel: https://www.youtube.com/channel/UCHG7IJuST_BXJkne-0u0Xtw

💻 GitHub Repository: https://github.com/JoyShaheb/Project-image-repo/tree/main/Media-Query-Project

⭐️ Course Contents ⭐️
⌨️ (0:00:00) Intro
⌨️ (0:01:44) Setup
⌨️ (0:21:08) Project-1
⌨️ (0:21:10) @ media rule
⌨️ (0:22:35) And operator
⌨️ (0:24:06) Media Type
⌨️ (0:24:39) Max-Width
⌨️ (0:27:01) Min-Width
⌨️ (0:33:56) Project-2 Desktop
⌨️ (1:05:55) Project-2 Mobile
⌨️ (1:14:58) Project-3 Desktop
⌨️ (1:23:07) Project-3 Mobile
⌨️ (1:25:53) Conclusion

🎉 Thanks to our Champion supporters:
👾 Otis Morgan
👾 DeezMaster
👾 Katia Moran

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news



Other Videos By freeCodeCamp.org


2021-06-15DevOps Engineering Course for Beginners
2021-06-10Azure Data Fundamentals Certification (DP-900) - Full Course to PASS the Exam
2021-06-09Learn Bootstrap 5 and SASS by Building a Portfolio Website - Full Course
2021-06-08Arduino Course for Beginners - Open-Source Electronics Platform
2021-06-07OpenCV Python Course - Learn Computer Vision and AI
2021-06-03How to Build a Hackintosh - Step-by-Step Guide (Install MacOS Big Sur on PC)
2021-06-02Python for Bioinformatics - Drug Discovery Using Machine Learning and Data Analysis
2021-06-01Next.js for Beginners - Full Course
2021-05-27Advanced Computer Vision with Python - Full Course
2021-05-26🎮 Easy JavaScript Game Development with Kaboom.js (Mario, Zelda, and Space Invaders) - Full Course
2021-05-24Learn CSS Media Queries by Building 3 Projects - Full Course
2021-05-20Learn Modern C++ by Building an Audio Plugin (w/ JUCE Framework) - Full Course
2021-05-18Angular 11 Tutorial - Code a Project from Scratch
2021-05-12Kivy Course - Create Python Games and Mobile Apps
2021-05-11Typography for Developers Tutorial - Full Course
2021-05-06Chrome DevTools - Crash Course
2021-05-04OpenCV Tutorial - Develop Computer Vision Apps in the Cloud With Python
2021-05-03Azure Administrator Certification (AZ-104) - Full Course to PASS the Exam
2021-04-29Learn Docker - DevOps with Node.js & Express
2021-04-28MERN Stack Course - ALSO: Convert Backend to Serverless with MongoDB Realm
2021-04-27OpenGL Course - Create 3D and 2D Graphics With C++