1 00:00:00,970 --> 00:00:02,710 Hello, everyone, and welcome back. 2 00:00:04,010 --> 00:00:08,750 In today's video, we will explore responsive web design, responsive web design. 3 00:00:08,940 --> 00:00:14,420 First to the idea that your websites should display equally well in all screen sizes, from white screen 4 00:00:14,420 --> 00:00:16,130 monitors to mobile phones. 5 00:00:16,670 --> 00:00:21,250 It's our approach to web design and development that eliminates the distinction between the mobile phone 6 00:00:21,280 --> 00:00:23,900 division and the desktop version of your Web site. 7 00:00:24,500 --> 00:00:25,640 So if you can see here. 8 00:00:26,150 --> 00:00:27,560 So I've got this Web site on. 9 00:00:27,590 --> 00:00:29,970 This is how it looks on a laptop screen. 10 00:00:31,070 --> 00:00:33,970 But if you change it to, say, one plus 60. 11 00:00:34,610 --> 00:00:37,490 So this is how it looks on a six point five inch display. 12 00:00:38,150 --> 00:00:40,670 It has all the components of the desktop version. 13 00:00:41,750 --> 00:00:44,130 But it also looks beautiful and clean. 14 00:00:46,880 --> 00:00:48,980 This saves us a lot of development time. 15 00:00:49,040 --> 00:00:55,210 So instead of maintaining one website for smartphone unindicted, it's Windlab site for laptops and 16 00:00:55,210 --> 00:00:55,920 desktops. 17 00:00:56,480 --> 00:00:59,000 We can use the same Nishino good for both of them. 18 00:00:59,870 --> 00:01:02,650 There are many ways to achieve those responsible behavior. 19 00:01:02,990 --> 00:01:07,370 We can use media queries, CSX, Flex Box and CSX goods. 20 00:01:08,210 --> 00:01:10,880 Usually a combination of these are used for the purpose. 21 00:01:11,540 --> 00:01:14,940 In the coming videos, we will explore all these options in detail. 22 00:01:15,770 --> 00:01:16,790 That's all for today, guys. 23 00:01:17,060 --> 00:01:18,110 See you in the next video. 24 00:01:18,320 --> 00:01:18,610 Bye. 25 00:01:18,710 --> 00:01:19,490 And take care.