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)
Смотрите видео CSS Media Query Made Easy онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь SoftCode 20 Июнь 2022, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 66 раз и оно понравилось 2 людям.