1 00:00:00,000 --> 00:00:09,080 I we have checked previously death by default. 2 00:00:09,080 --> 00:00:13,550 The block elements occupy the entire with off the page. 3 00:00:13,550 --> 00:00:14,840 There are, 4 00:00:14,840 --> 00:00:15,730 however, 5 00:00:15,730 --> 00:00:21,400 several properties that allow you changing the with off the settlements so that the space 6 00:00:21,400 --> 00:00:27,520 occupied adapt to the size that we want to define the with. 7 00:00:27,520 --> 00:00:36,860 We have the with property that can be applied to an element this property off the element 8 00:00:36,860 --> 00:00:38,840 does not include bedding, 9 00:00:38,840 --> 00:00:42,350 borders or margins. 10 00:00:42,350 --> 00:00:46,540 In this next example, 11 00:00:46,540 --> 00:00:54,160 I have to do gives one with green color and another blue that occupy the entire with off 12 00:00:54,160 --> 00:00:57,780 the page as I decreased browser. 13 00:00:57,780 --> 00:01:00,710 The pledge size decreases the content, 14 00:01:00,710 --> 00:01:08,090 and the DIV will adjust with to screen size and increase I've if necessary. 15 00:01:08,090 --> 00:01:17,580 If I now use the wheat property with 900 pixels for the first eve, 16 00:01:17,580 --> 00:01:18,680 what happens? 17 00:01:18,680 --> 00:01:25,460 Did it would Onley occupy night 100 pizzas instead off the full with? 18 00:01:25,460 --> 00:01:29,710 The problem is that by decreasing the size of the page, 19 00:01:29,710 --> 00:01:32,050 the diva reminds the same size, 20 00:01:32,050 --> 00:01:34,950 not adjusting the dif to the size off the window. 21 00:01:34,950 --> 00:01:44,170 It's here that we introduced the Property Mac suite that makes the 900 pixels and minimum 22 00:01:44,170 --> 00:01:54,390 value and not a fixed value So I have lower with values if the window is recites to values 23 00:01:54,390 --> 00:01:56,570 below 900 pixels, 24 00:01:56,570 --> 00:01:59,550 as we can see now in the brother. 25 00:01:59,550 --> 00:02:12,360 Another possible scenario is the use up the two properties at the same time in the first 26 00:02:12,360 --> 00:02:12,770 live. 27 00:02:12,770 --> 00:02:18,110 If you use Max with with 800 pixels value, 28 00:02:18,110 --> 00:02:22,450 what happens did he will assume this new value, 29 00:02:22,450 --> 00:02:24,830 but as a fixed value, 30 00:02:24,830 --> 00:02:30,550 not adjusting to content to values lower than 800 pixels. 31 00:02:30,550 --> 00:02:33,530 Now, 32 00:02:33,530 --> 00:02:37,120 adding the mind with property in the second Div. 33 00:02:37,120 --> 00:02:45,060 Let's create a minimum value for the with off 600 pixels. 34 00:02:45,060 --> 00:02:54,700 What happens in this situation is that they will follow the maximum with off the window but 35 00:02:54,700 --> 00:03:00,540 Onley up to the value off mine with for values lowered, 36 00:03:00,540 --> 00:03:08,950 then 600 pixels to D reminds with the sweet leaving the content toe an overflow situation. 37 00:03:08,950 --> 00:03:14,410 I'm going now. 38 00:03:14,410 --> 00:03:19,750 Talk about the ID property that defines the I've often element. 39 00:03:19,750 --> 00:03:26,740 If I set in the first defied off 300 pixels, 40 00:03:26,740 --> 00:03:34,320 the behavior will be similar to the white property where developers off white and I are 41 00:03:34,320 --> 00:03:43,920 fixed and there are no changes in the Deve with the resizing off the window the same way I 42 00:03:43,920 --> 00:03:54,310 created minimum and maximum value for the with I can create for I've for the first day if I 43 00:03:54,310 --> 00:04:03,190 give minimum values off with off 200 pixels and I've off 150 pixels. 44 00:04:03,190 --> 00:04:11,940 What happens in this situation is that as I decrease the browser with the wheat off, 45 00:04:11,940 --> 00:04:15,990 the and content will adapt to the size. 46 00:04:15,990 --> 00:04:20,760 Yes, 47 00:04:20,760 --> 00:04:27,010 for the I've we see that as we have a minimum off 150 pixels, 48 00:04:27,010 --> 00:04:30,250 we have some free spice without content. 49 00:04:30,250 --> 00:04:32,920 And as I shrink the window, 50 00:04:32,920 --> 00:04:38,440 the ICT off the green leaf is adjusting its side to the contents. 51 00:04:38,440 --> 00:04:50,460 Now for the last situation when entered at 50 pixels for the max I've for disguise, 52 00:04:50,460 --> 00:04:53,540 we do not have defined minimum. 53 00:04:53,540 --> 00:04:59,600 I've value So the first chief justice side do the content. 54 00:04:59,600 --> 00:05:04,240 If I decrease the size off the window, 55 00:05:04,240 --> 00:05:12,730 I get a situation where the green deep reaches 150 pixels off life and the longer increases 56 00:05:12,730 --> 00:05:13,500 the IIF, 57 00:05:13,500 --> 00:05:16,050 causing an over full situation. 58 00:05:16,050 --> 00:05:17,650 As you can see now,