Responsive Web Design without Media Queries | CSS Tips & Tricks
In this video, we uncover the secrets to achieving responsive web design without the need for media queries. Learn the techniques and strategies that will streamline your design process and ensure a seamless user experience across all devices.
Whether you're a beginner or a seasoned pro, this is one tutorial you won't want to miss.
📢 SUBSCRIBE for more helpful 🎬videos
🔔 / @codingdesign
🕝Timestamps
00:00 Responsive Web Design
01:07 Why to use viewport meta tag?
01:56 Why not to change Browser's default behavior
02:40 Percent(%)
03:05 Why to use max-width?
03:34 When to use min-height?
03:59 Why to use absolute values?
04:15 Responsive design based on font-size
05:13 How to handle padding & margins?
05:41 Some helpful CSS functions for responsive design
07:46 Responsive image
08:08 Aspect-ratio
08:36 Rarely used values
09:30 CSS Flexbox
10:31 CSS Grid
11:39 Mobile first approach
12:35 When to use media query?
12:53 Bonus tricks!
13:49 Outro
🌎 Browser : Brave V.1.60
📝 Code Editor : VS Code
💠 Extensions : Live-Server
#responsivewebdesign #mediqueries #webdevelopment #webdesign #tutorial
Смотрите видео Responsive Web Design without Media Queries | CSS Tips & Tricks онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь CodingDesign 18 Апрель 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 1,640 раз и оно понравилось 71 людям.