What is a Media Query | CSS Media Queries Tutorial - Part 1
Hey, guys, in this video you will learn what is a Media Query in CSS. Media query is a CSS technique introduced in CSS3. It uses the @media rule to include a block of CSS properties only if a certain condition is true.
Always Design for Mobile First -
Mobile First means designing for mobile before designing for desktop or any other device (This will make the page display faster on smaller devices). This means that we must make some changes in our CSS. Instead of changing styles when the width gets smaller than 768px, we should change the design when the width gets larger than 768px. This will make our design Mobile First.
##### ##### ALL PLAYLIST ##### #####
A Complete Web Design & Development Course Tutorial:
• Web Development Course Introduction
Project - using CSS Flexbox 12 Column Responsive Grid System
• Create A Website using CSS Flexbox 12 Colu...
Create your own 12 Column Responsive Grid System using CSS Flexbox
• Create your own 12 Column Responsive Grid ...
React JS Tutorial
• What is React JS? | React JS Introduction
Project - React JS Project Tutorial
• React JS Project Tutorial
CSS Flexbox Tutorial
• What is CSS Flexbox? | Flex Direction | CS...
CSS Variables Tutorial
• CSS Variables | Local and Global Scope | C...
Project - using CSS Float 12 Column Responsive Grid System
• Create a website using CSS 12 column respo...
JavaScript Tutorial
• What is Javascript? | Javascript Tutorials...
Create your own 12 Column Responsive Grid System using CSS Float
• 12 Column Responsive Grid System Tutorial ...
Project - using only CSS Float
• Create Responsive Website using only css -...
CSS Media Queries Tutorial
• Create Basic Website Layout for beginners ...
CSS Tutorial
• What is CSS | CSS Basics | CSS Tutorial fo...
Html5 Tutorial
• Learn Basics of Html5 | Html5 Tags | Html5...
Bootstrap 5 Tutorial
• Bootstrap 5 Tutorial
Project - using Bootstrap 5
• Project using Bootstrap 5
Html Css JavaScript Examples
• Html5, Css and JavaScript Examples
Hosting -
• Hosting Tutorial
##### ##### DOWNLOAD WEBDESIGN COURSE ##### #####
https://github.com/ameysawant/webdesi...
Download zip from Github or Clone
Note: The above download link will update every week till the course complete.
##### ##### DOWNLOAD REACTJS TUTORIAL ##### #####
https://github.com/ameysawant/reactjs
Download zip from Github or Clone
Note: The above download link will update every week till the course complete.
##### ##### DOWNLOAD REACTJS PROJECTS ##### #####
https://github.com/ameysawant/react-p...
Download zip from Github or Clone
Note: The above download link will update every week till the course complete.
Website -
https://www.kishoritutorials.in
Facebook -
/ kishorituts
Twitter -
/ kishoritutorial
Tooter -
https://tooter.in/kishoritutorials
Instagram -
/ kishoritutorials
Linktree -
https://linktr.ee/kishoritutorials
Tumblr -
/ kishoritutorials
Linkedin -
/ kishori-tutorials
##### ##### DEVICE AND LANGUAGE USED ##### #####
Screen Recorder -
https://obsproject.com/
Mic -
HP Laptop Inbuilt Mic
Content Language -
Hindi
#mediaqueries #mediaquery #cssmediaqueries