1 00:00:01,390 --> 00:00:08,500 Hello in the studio, I am going to show you responsive containers, so up till now, you've just been 2 00:00:08,650 --> 00:00:16,390 using these regular container and what we can do is we can get rid of this, for example, and we can 3 00:00:16,390 --> 00:00:22,270 put, you know, do you have to use all the bodies to demonstrate what they will do? 4 00:00:22,630 --> 00:00:32,380 And for a cloth container does something, a small container, and then was going to say 100 percent 5 00:00:32,380 --> 00:00:36,880 void until more break point 6 00:00:40,630 --> 00:00:48,730 and have a total of five of these and we'll change to empty some medium and large, then it will be 7 00:00:48,730 --> 00:00:50,170 xao for extra large. 8 00:00:50,170 --> 00:00:51,940 XXL for extra. 9 00:00:51,940 --> 00:00:52,810 Extra large. 10 00:01:10,170 --> 00:01:12,030 OK, so refresh we get. 11 00:01:12,270 --> 00:01:13,810 They may look identical. 12 00:01:14,030 --> 00:01:19,110 What will happen if your story is we're at the extra extra large point? 13 00:01:21,380 --> 00:01:28,580 But as we go past the extra, extra, extra large, we're into the law extra large now, this one is 14 00:01:28,580 --> 00:01:32,810 no longer using the hundred percent with Saurav. 15 00:01:33,980 --> 00:01:38,810 But what if basically I mean, it begins using the 100 percent we stole below it? 16 00:01:38,840 --> 00:01:43,570 So what this is now, it is basically what you would have with extra extra small. 17 00:01:43,820 --> 00:01:49,930 And this one is only valid in extra large and extra large. 18 00:01:50,720 --> 00:01:56,600 And as soon as I break out of that, this is only valid, valid in extra, extra large, extra large 19 00:01:56,600 --> 00:01:57,320 and large. 20 00:01:57,530 --> 00:02:02,330 So this will soon go to basically extra small hundred percent with. 21 00:02:04,610 --> 00:02:09,590 Again, there will be a small gatta here, which is some poddy number of separate video coming up, 22 00:02:09,590 --> 00:02:17,210 but it is one hundred percent with now this is, you know, the regular medium for extra, extra large, 23 00:02:17,210 --> 00:02:19,670 extra large, large and medium community. 24 00:02:19,880 --> 00:02:25,400 The small breakpoint, it will be simply extra small. 25 00:02:25,790 --> 00:02:27,830 And this is. 26 00:02:28,780 --> 00:02:36,310 You know, using normal small sort of styling for extra large, extra large and medium and small busson, 27 00:02:36,510 --> 00:02:37,710 we go to exercise more. 28 00:02:38,230 --> 00:02:40,660 It goes down the line. 29 00:02:40,660 --> 00:02:41,030 Is it? 30 00:02:41,290 --> 00:02:43,860 That is how you responsive containers. 31 00:02:43,870 --> 00:02:47,050 If you have any questions, feel free to drop me a message. 32 00:02:47,080 --> 00:02:50,790 And as usual, I look forward to seeing you in the next video.