1 00:00:00,060 --> 00:00:06,510 You guys in this video, we will talk about a line items and also the airline itself, the first thing 2 00:00:06,510 --> 00:00:11,160 we will start with is to add here at five. 3 00:00:13,380 --> 00:00:24,600 And then inside, we can change this one to be four line items and then inside the body, the first 4 00:00:24,600 --> 00:00:27,600 thing we can type here is two. 5 00:00:29,570 --> 00:00:31,650 And we can start with. 6 00:00:32,630 --> 00:00:42,810 I think we can start with the stretch, yes, here we can just type it or we don't need to just type 7 00:00:43,340 --> 00:00:44,060 stretching. 8 00:00:45,220 --> 00:00:47,510 It is the default one. 9 00:00:47,540 --> 00:00:49,610 So we will see any difference. 10 00:00:50,190 --> 00:00:51,390 We will not see any difference. 11 00:00:51,410 --> 00:00:54,080 OK, and here we can't default. 12 00:00:55,790 --> 00:01:06,210 And then after this party, we will type here to have with class of lickspittles and inside the government, 13 00:01:06,530 --> 00:01:14,340 we will try devant with class of aija and also we can add a class inside this class. 14 00:01:14,360 --> 00:01:20,240 We can make Archim and add another class and just call it Archim. 15 00:01:20,660 --> 00:01:29,930 We can just call this one item A and here we can make X to win A when we go here. 16 00:01:30,530 --> 00:01:31,530 OK, that's good. 17 00:01:32,240 --> 00:01:38,960 And after this party we can make for the I t we can cut this one here. 18 00:01:42,860 --> 00:01:53,240 OK, it's to be paid and it's all for the BNP and the last one we have here, which is for the H.M.S. 19 00:01:56,960 --> 00:02:10,580 we can connect between the final and it's Link-Up r e l to be Pleyel shaped and our F to be a line item 20 00:02:10,580 --> 00:02:11,900 stock assets. 21 00:02:13,370 --> 00:02:20,300 And now we can just go to the S and add some Kootz inside our Web page. 22 00:02:20,840 --> 00:02:28,560 We can go to the Keys as Mediterraneo first grade and then here we can make the poster 23 00:02:31,760 --> 00:02:46,160 to be having the display of Flixster and we can also give it a quarter to those solid of eight six eight 24 00:02:46,640 --> 00:02:47,920 three five. 25 00:02:49,520 --> 00:02:58,690 OK, and then enter this part, we can give him some margin put in for we can make four to M. 26 00:03:01,000 --> 00:03:06,520 And then into this park, we can go into reloader what's the problem here? 27 00:03:07,540 --> 00:03:08,420 I think this one. 28 00:03:09,880 --> 00:03:11,350 OK, so now that's good. 29 00:03:12,190 --> 00:03:23,860 And then after this part, we can add some for the items I want the item to be having the padding of 30 00:03:23,860 --> 00:03:31,100 to them back ground of what can be the same as here. 31 00:03:31,720 --> 00:03:32,350 It's good. 32 00:03:34,990 --> 00:03:47,410 And the color to be we can give it a color of cash, see six, nine feet when we go and we load. 33 00:03:47,980 --> 00:03:50,980 No, that's not a good color we can put here. 34 00:03:50,980 --> 00:03:55,660 E I we got something from this park. 35 00:03:56,510 --> 00:03:56,990 Yes. 36 00:03:58,000 --> 00:03:59,290 OK, what about now. 37 00:03:59,620 --> 00:04:00,640 OK, that's good. 38 00:04:01,600 --> 00:04:11,680 And after this part we can give it some powder we can make for five hours just to pick those solid white 39 00:04:12,760 --> 00:04:21,050 light will be good or we can just make it like the last one is not visible. 40 00:04:21,430 --> 00:04:22,760 OK, that's good. 41 00:04:23,050 --> 00:04:30,970 And after this part we will add some styling for the Archim ay ay ay and ay ay ay ay. 42 00:04:31,300 --> 00:04:42,340 We can just give padding for uh for the um and for the item p we can just cut my copy and paste. 43 00:04:42,790 --> 00:04:47,800 I can be, I want to be having here the being chopped off. 44 00:04:48,110 --> 00:04:55,850 Uh we can just make the bed and put them for at the end and padding chopped off. 45 00:04:56,290 --> 00:04:57,340 Just wait a bit. 46 00:04:58,870 --> 00:04:59,800 OK, that's good. 47 00:05:01,240 --> 00:05:06,040 And add to this part what we can do right here is to add. 48 00:05:06,550 --> 00:05:07,420 Yes, yes. 49 00:05:07,420 --> 00:05:07,810 Yes. 50 00:05:09,040 --> 00:05:10,440 Just learning about it. 51 00:05:10,450 --> 00:05:12,580 What did we add here. 52 00:05:15,560 --> 00:05:17,500 Yes, in the autumn. 53 00:05:17,590 --> 00:05:18,030 Yes. 54 00:05:19,940 --> 00:05:22,870 And for the opportunity, we can just add 55 00:05:27,740 --> 00:05:34,890 the bedding for two of them because we wanted to make it different. 56 00:05:35,780 --> 00:05:37,340 So now we got the bedding. 57 00:05:37,430 --> 00:05:40,230 But I think we got something wrong here. 58 00:05:41,540 --> 00:05:43,160 I can see it. 59 00:05:43,310 --> 00:05:43,820 The thing. 60 00:05:45,680 --> 00:05:46,550 I guess so. 61 00:05:49,910 --> 00:05:56,530 Yes, think what if I make it one, I think there's something wrong with sports. 62 00:05:56,560 --> 00:05:57,570 So what's the problem? 63 00:05:59,710 --> 00:06:01,480 Yes, I guess so. 64 00:06:07,570 --> 00:06:15,880 And yeah, what if I mean this to be having the color of like, I just want to make sure you get the 65 00:06:15,880 --> 00:06:18,720 bed and not Martin and put him off. 66 00:06:19,420 --> 00:06:19,900 It's OK. 67 00:06:21,520 --> 00:06:22,180 That's good. 68 00:06:22,810 --> 00:06:34,510 And after this part, we can make for the item and a fight at the edge to come and fight and to and 69 00:06:34,510 --> 00:06:49,900 we can give it a font size or should we get a line of center and martien all of the margin, zero padding 70 00:06:51,820 --> 00:06:54,420 off the road and we go and reload. 71 00:06:54,700 --> 00:06:55,690 OK, that's good. 72 00:06:56,560 --> 00:07:01,780 After this part, what we can do here now let's think about it. 73 00:07:02,380 --> 00:07:11,980 We can add for each one to be having the font size show to itself and march and put them off before 74 00:07:11,980 --> 00:07:12,640 we become. 75 00:07:21,320 --> 00:07:22,140 What's the problem? 76 00:07:22,200 --> 00:07:25,580 Yeah, yes, it was extra, let's make it at one, 77 00:07:31,310 --> 00:07:33,700 OK, that's good at this part. 78 00:07:33,890 --> 00:07:37,550 We can go and add some code for this part. 79 00:07:38,130 --> 00:07:45,740 Now, we are done from the the parts of stretch, which is the default one. 80 00:07:45,890 --> 00:07:49,160 We don't need to add any of cut to make it work. 81 00:07:49,940 --> 00:07:59,540 We can go and try to add something for we can start with the flex and we can go to the koot. 82 00:07:59,960 --> 00:08:02,420 Let's start with let's start the easiest one. 83 00:08:03,110 --> 00:08:05,630 We can just cut this part right here. 84 00:08:08,600 --> 00:08:22,910 OK, at some space and here we can give a class of lectures, folks start, and then here we can come 85 00:08:22,920 --> 00:08:29,780 to this class and go, which basically says textbooks start. 86 00:08:29,960 --> 00:08:33,800 We get a property which is called a line items. 87 00:08:34,130 --> 00:08:38,300 We can just go here a line items. 88 00:08:38,460 --> 00:08:43,250 It's already having this display Aflex from the sexpert. 89 00:08:43,250 --> 00:08:49,040 Plus we can go here and make a line items to be flexin. 90 00:08:50,420 --> 00:08:52,610 Start when we go and we're. 91 00:08:53,510 --> 00:08:58,940 Now we got this start just because the painting if I delayed the painting chup and put on. 92 00:09:01,380 --> 00:09:02,370 OK. 93 00:09:06,180 --> 00:09:12,510 We're the last one when we go, so now we got this, but we just need padding to make to see the difference 94 00:09:12,510 --> 00:09:20,100 because it's having this height or we can just go to the experts and give it a height of five hundred 95 00:09:20,100 --> 00:09:20,640 pixels. 96 00:09:22,380 --> 00:09:23,580 So now we got the difference. 97 00:09:23,590 --> 00:09:25,620 We can just make it three hundred pixels. 98 00:09:25,960 --> 00:09:26,550 It's OK. 99 00:09:27,450 --> 00:09:37,200 And we can go to this part and each one with a line tends to be four. 100 00:09:38,250 --> 00:09:42,560 Start that good after this. 101 00:09:42,570 --> 00:09:45,410 Let's start let's try for the flex. 102 00:09:45,480 --> 00:09:50,790 And in case, if I wanted to be here, we can just copy all of that. 103 00:09:57,610 --> 00:10:04,420 But they want to be and be careful, these clashes, we are going to use them inside our projects, 104 00:10:05,410 --> 00:10:13,470 we can make us want to be flex and and we can also go here and make flex folks. 105 00:10:14,710 --> 00:10:24,280 And for this a line item, we can give it the class of 30, the start of a line items to be flex and 106 00:10:24,730 --> 00:10:29,110 a line tends to be flex and. 107 00:10:32,080 --> 00:10:33,280 Yes, we've got a problem. 108 00:10:33,310 --> 00:10:43,750 The sparks here, we can make flights right, to be rapper just to the line when we reload. 109 00:10:45,190 --> 00:10:46,330 What's the problem here? 110 00:10:46,390 --> 00:10:50,620 We didn't think I think the problem may be with the Pantani. 111 00:10:50,620 --> 00:10:52,300 Let's try to delay the padding. 112 00:10:52,960 --> 00:10:54,670 Save no. 113 00:10:55,120 --> 00:10:58,660 So we've got a problem with this part and we need to solve it. 114 00:10:59,480 --> 00:11:00,420 Yes. 115 00:11:00,430 --> 00:11:01,090 Yes. 116 00:11:03,320 --> 00:11:05,250 I think maybe maybe the hunt. 117 00:11:07,250 --> 00:11:14,060 Yes, no, no, no, I think we got something wrong inside the captain of the division. 118 00:11:15,620 --> 00:11:16,880 Yes, yes, we did. 119 00:11:18,800 --> 00:11:21,060 We can delete this one from here. 120 00:11:21,890 --> 00:11:23,780 Where is the closure of this division? 121 00:11:25,730 --> 00:11:26,670 It's not there. 122 00:11:26,690 --> 00:11:28,610 We can copy like that again. 123 00:11:28,940 --> 00:11:34,970 OK, so now I've got the fix and we can go back to the panel at the height of three hundred pixels. 124 00:11:35,850 --> 00:11:42,570 And now this is for the Fleck's and but let's say that I just want you to be having the facts end. 125 00:11:42,570 --> 00:11:45,440 And Bob, I want want to be having the start. 126 00:11:45,750 --> 00:11:50,610 There's a property which is called a line so we can make here. 127 00:11:51,970 --> 00:11:57,090 And I'm inside at 10:00 A.. 128 00:11:58,260 --> 00:12:02,410 We can make here a line cell before start. 129 00:12:03,900 --> 00:12:06,030 So now we got this at the start. 130 00:12:06,780 --> 00:12:09,830 I can't cover this for you and make it here. 131 00:12:11,580 --> 00:12:16,950 And then after this one, we can try for the flix to stretch. 132 00:12:17,460 --> 00:12:19,630 We can just go here. 133 00:12:20,700 --> 00:12:21,700 Yes, sir. 134 00:12:21,960 --> 00:12:22,770 Where is it? 135 00:12:23,490 --> 00:12:25,530 We got to the stretch, which is the default. 136 00:12:25,800 --> 00:12:38,820 We can just try to have class in case if we want to add it for a line, self stooks stretch and we can 137 00:12:38,820 --> 00:12:41,720 cover this part and push it inside of us. 138 00:12:41,730 --> 00:12:47,820 Right here seem to be having line items of stretch. 139 00:12:49,260 --> 00:12:50,380 We got no difference. 140 00:12:50,700 --> 00:12:52,000 Let's try to make it. 141 00:12:52,050 --> 00:12:55,350 Uh, we can go to the second one. 142 00:12:57,330 --> 00:12:57,990 Yes. 143 00:12:57,990 --> 00:13:00,930 Here, let's start. 144 00:13:01,500 --> 00:13:05,970 And inside at the bottom and for the achieve. 145 00:13:06,000 --> 00:13:09,930 I want you having a line self stretch. 146 00:13:11,010 --> 00:13:12,000 This one here like. 147 00:13:13,260 --> 00:13:14,940 So now we got this stretch. 148 00:13:15,090 --> 00:13:20,550 I can keep it like that for you in case if you want to take this page at the reference, if you are 149 00:13:20,550 --> 00:13:28,500 creating any website and after this class we can try for a line item center. 150 00:13:28,980 --> 00:13:33,440 We can copy this like spokes with this edge one right here. 151 00:13:34,080 --> 00:13:34,580 Copy. 152 00:13:35,880 --> 00:13:47,640 We can add some workspace here based this want to be for let's center, let's go to the T's and at Book 153 00:13:49,020 --> 00:13:50,010 Center 154 00:13:52,320 --> 00:13:57,680 and then inside we can type a line tends to be center. 155 00:14:00,360 --> 00:14:03,150 So now we got the aligned items center. 156 00:14:03,420 --> 00:14:06,660 The last thing we can use is the base line. 157 00:14:07,140 --> 00:14:14,730 We can copy this one, but I think we got something here we have to flex and this before a line 158 00:14:18,210 --> 00:14:19,380 of center. 159 00:14:20,250 --> 00:14:27,200 Careful, we will take this page as a reference and the nature of this part and we will also use it. 160 00:14:27,440 --> 00:14:29,190 Yeah, that's OK. 161 00:14:29,190 --> 00:14:29,790 That's great. 162 00:14:30,700 --> 00:14:40,360 After this part, what we can do right here, but let's just make this be real and not textbooks or 163 00:14:40,410 --> 00:14:49,660 dust, let's make it right now, we will make it different in our fight for the websites when we go 164 00:14:49,720 --> 00:14:50,740 and reload. 165 00:14:51,310 --> 00:14:54,030 Let's start let's make the last one. 166 00:14:54,040 --> 00:14:54,580 I'm sorry. 167 00:14:55,030 --> 00:14:57,550 We can go here, copy this part 168 00:15:00,340 --> 00:15:05,500 and paste this one before the line. 169 00:15:06,280 --> 00:15:08,440 When we say and go, here we go. 170 00:15:08,480 --> 00:15:21,510 This when I go and add like the base line and here we can type a line items to be for the base line. 171 00:15:22,150 --> 00:15:25,660 So they are taking the base line, which is the top. 172 00:15:26,530 --> 00:15:27,780 OK, that's good. 173 00:15:27,790 --> 00:15:31,540 And now we've talked about that line items in the next video. 174 00:15:31,540 --> 00:15:37,330 Before we move to the responsive design, we will talk about the justified content. 175 00:15:37,600 --> 00:15:39,530 So good luck and have fun.