1 00:00:01,060 --> 00:00:04,360 So we need to work on the input of the quantity. 2 00:00:04,390 --> 00:00:12,550 So I'm going to say art and then input, input and the before the input we need to say because the input 3 00:00:12,550 --> 00:00:19,780 is inside the tree and then I'm going to here change the width, the width of the input because as you 4 00:00:19,780 --> 00:00:22,090 can see, the width is too large. 5 00:00:22,750 --> 00:00:29,470 So I'm going to change it, change the width to be only 40 x and then I'm going to change also the height 6 00:00:29,470 --> 00:00:36,250 because the height is also not as it doesn't fit with the width. 7 00:00:37,030 --> 00:00:44,710 And finally, I'm going to change the padding so that the the number will be displayed in will be displayed 8 00:00:44,710 --> 00:00:46,310 in the middle of the input. 9 00:00:47,470 --> 00:00:59,200 Next, I'm going to work on the tag of here we have this eight and we have the these buttons we can 10 00:00:59,200 --> 00:01:00,340 into these buttons. 11 00:01:00,910 --> 00:01:06,310 So what I'm going to do is that I'm going to here say cart. 12 00:01:07,640 --> 00:01:14,240 Garth and then Teddy and the dog, because I'm going to give these two Marines the same exact design. 13 00:01:14,240 --> 00:01:17,240 So we don't we don't need to repeat the same goods. 14 00:01:17,300 --> 00:01:21,950 Therefore, I'm going to just say car to attack and then I'm going to say color. 15 00:01:21,950 --> 00:01:22,850 I'm going to change the color. 16 00:01:23,240 --> 00:01:27,320 So the color is going to be so the color is going to be the orange color. 17 00:01:27,320 --> 00:01:30,680 I'm going to say here orange this orange color that they already used. 18 00:01:31,310 --> 00:01:32,330 Let me now test. 19 00:01:32,330 --> 00:01:36,740 And as you can see, the buttons are being displayed. 20 00:01:36,770 --> 00:01:37,870 They look amazing. 21 00:01:40,000 --> 00:01:43,510 Finally I'm going to work on each single button. 22 00:01:44,320 --> 00:01:46,300 So for each single button we have. 23 00:01:46,630 --> 00:01:53,170 We have to remove that card removed button. 24 00:01:54,940 --> 00:01:56,080 Any more meaty end. 25 00:01:56,590 --> 00:02:03,310 I'm going to press the button further so the colour again is going to be the orange colour, but the 26 00:02:03,910 --> 00:02:08,110 text decoration, the decoration is going to be none. 27 00:02:09,710 --> 00:02:12,530 Similarly for the car. 28 00:02:14,230 --> 00:02:29,170 We caught eight Bannon Bannon and it meeting DN is also going to have a color the the are the orange 29 00:02:29,170 --> 00:02:32,500 color and the text decoration is going to be none. 30 00:02:33,340 --> 00:02:36,270 However, I'm going to change the font a little. 31 00:02:36,280 --> 00:02:42,400 I'm going to say here, font size, let's say 16 x here. 32 00:02:44,410 --> 00:02:45,040 I'm here. 33 00:02:45,070 --> 00:02:45,940 Let me see. 34 00:02:46,960 --> 00:02:47,770 Find. 35 00:02:48,820 --> 00:02:51,740 Size 14 pics. 36 00:02:52,960 --> 00:02:54,430 Laney, save and let me refresh. 37 00:02:56,030 --> 00:02:58,220 And as you can see, this is how it's going to look like. 38 00:02:59,510 --> 00:03:01,580 And here I have a problem. 39 00:03:02,270 --> 00:03:03,950 I need to say text declaration. 40 00:03:03,950 --> 00:03:05,390 None of your text declaration. 41 00:03:05,390 --> 00:03:05,660 None. 42 00:03:06,140 --> 00:03:07,760 Remove meta and remove meta. 43 00:03:07,760 --> 00:03:14,030 And so here, remove the classes, remove meta n and edit median. 44 00:03:14,030 --> 00:03:18,110 Here I need to add this a trip just to make it clickable. 45 00:03:20,500 --> 00:03:21,220 So let me see. 46 00:03:21,220 --> 00:03:22,240 But let me refresh. 47 00:03:25,350 --> 00:03:33,480 And also here in the style of he says, I have a problem. 48 00:03:33,480 --> 00:03:39,110 I should I shouldn't say card, I should say card with a D not can be. 49 00:03:39,840 --> 00:03:41,460 And this is going to fix it. 50 00:03:42,030 --> 00:03:43,620 As you can see now, it has been fixed. 51 00:03:44,490 --> 00:03:46,380 Finally, we need to remove this piece. 52 00:03:46,380 --> 00:03:48,540 I think this space is too large. 53 00:03:49,290 --> 00:03:51,120 So to do this, we can use. 54 00:03:52,670 --> 00:03:53,090 Here. 55 00:03:54,050 --> 00:03:55,610 We can say that, Garth. 56 00:03:57,860 --> 00:03:58,910 Product info. 57 00:04:01,020 --> 00:04:03,720 Product info p tack. 58 00:04:04,650 --> 00:04:13,590 Remember this this p tag which is which which displays the product name, which is this? 59 00:04:13,830 --> 00:04:20,100 So we need to remove the the margin, the big margin underneath this paragraph. 60 00:04:20,820 --> 00:04:25,260 So therefore, I'm going to say here current product info and then paragraph of it. 61 00:04:25,260 --> 00:04:30,570 I'm going to remove I'm going to decrease the margin from all sides. 62 00:04:30,570 --> 00:04:32,610 I'm going to see also only three X. 63 00:04:33,120 --> 00:04:36,270 There is no need for a big margin. 64 00:04:36,270 --> 00:04:38,820 So as you can see now, the list has been removed. 65 00:04:40,200 --> 00:04:40,950 Also the text. 66 00:04:40,950 --> 00:04:44,160 I think the text here is a little large. 67 00:04:44,160 --> 00:04:49,230 We need to decrease this further to 14. 68 00:04:50,340 --> 00:04:53,520 But the increase this I think this is too small. 69 00:04:53,520 --> 00:04:56,820 I'm going to say 15 and this is 40 now. 70 00:04:56,820 --> 00:04:58,080 It should be different. 71 00:04:59,590 --> 00:05:03,670 So here the movie is smaller and the edit is a little larger. 72 00:05:04,330 --> 00:05:05,830 I think now it looks amazing. 73 00:05:06,880 --> 00:05:13,180 And here we have this input that controls the quantity and the edit, which should take the user to 74 00:05:13,180 --> 00:05:22,630 the to the previous page, which is the product speech or the the single product page or the product 75 00:05:22,660 --> 00:05:23,110 speech.