CSS Media Query Made Easy
In this video, we learn about the @media query and its features. We also resolved a common issue of media queries not working on mobile browsers.
Find the timestamp for the different sections of the video below.
#css #mediaquery #responsive
Content:
0:00 Intro
0:25 Intro to media query types
2:51 Media print (Media query for printing)
5:40 Media print vs Media screen
6:48 min-width and max-width media query
11:45 (width ≻ 0) and (width ≺ 500px) easy width query
14:43 Fixing the "Media query not working" issue
19:45 Media query height (min-height, max-height, height less than, height greater than)
22:02 Media query display-mode
24:15 Media query hover
27:08 Media query orientation (landscape or portrait)
29:14 prefers-color-scheme (Light mode and dark mode query)
32:45 Media query position within CSS Code
34:10 Media query logic (not, or, and)
Watch video CSS Media Query Made Easy online without registration, duration hours minute second in high quality. This video was added by user SoftCode 20 June 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 66 once and liked it 2 people.