1 00:00:00,640 --> 00:00:09,550 Let's also work on the header text here on desktop is too large, so let's go ahead and then decrease 2 00:00:09,550 --> 00:00:10,260 that. 3 00:00:10,270 --> 00:00:19,270 So back to the views and views and this is the template that we are referring to and this is the element 4 00:00:19,270 --> 00:00:21,070 which is this one. 5 00:00:21,250 --> 00:00:25,480 So on the mobile, I want to decrease the font size. 6 00:00:25,480 --> 00:00:28,360 So let's look at the set for that. 7 00:00:28,360 --> 00:00:38,710 So public CSS and that is the style dot CSS and let's locate the header H one, which is this one. 8 00:00:38,890 --> 00:00:42,010 You can see that the font size is five frames. 9 00:00:42,010 --> 00:00:46,990 So let me change this 1 to 2 and let's have a look at the effect. 10 00:00:48,340 --> 00:00:49,880 And there we go. 11 00:00:49,900 --> 00:00:57,430 That is the on mobile because we use what is called mobile first approach responsive design in the previous 12 00:00:57,430 --> 00:00:58,120 video. 13 00:00:58,150 --> 00:01:03,070 So on desktop, I want to increase the font size. 14 00:01:03,070 --> 00:01:12,760 So I'm going to copy the same CSS here and inside the media query, I'm going to paste that and change 15 00:01:12,760 --> 00:01:20,230 from 2 to 5 and let me remove the rest of the properties and refresh it. 16 00:01:21,540 --> 00:01:23,110 And there you go. 17 00:01:23,130 --> 00:01:27,940 On mobile, we have it as that thing is too small. 18 00:01:27,960 --> 00:01:33,570 So on mobile, let me increase from two to say three. 19 00:01:41,150 --> 00:01:41,570 All right. 20 00:01:41,570 --> 00:01:43,730 I think this one is also too much. 21 00:01:43,730 --> 00:01:46,040 So let me use 2.3. 22 00:01:48,820 --> 00:01:49,210 All right. 23 00:01:49,210 --> 00:01:51,070 I think this one is okay. 24 00:01:51,400 --> 00:01:59,260 The next one is let's look inside the case where we have duplication of CSIS for access. 25 00:01:59,260 --> 00:02:02,380 We have it on CSIS and for trial. 26 00:02:02,380 --> 00:02:09,100 We have it on CSIS, and therefore, we have it on CSIS and post details. 27 00:02:09,100 --> 00:02:17,530 We also have it on CSIS, but we also have the four to CSIS, and we have referred to the CSIS for the 28 00:02:17,530 --> 00:02:19,270 4 to 8 on file. 29 00:02:19,270 --> 00:02:21,700 So I'm going to remove this CSIS from here. 30 00:02:25,850 --> 00:02:30,950 And for the now too, we can create one file for the number by thing. 31 00:02:30,950 --> 00:02:35,330 For the number there is no conflict, so let's maintain it as it is for now. 32 00:02:35,600 --> 00:02:42,170 And let's refresh it and let's have a look if we're going to have some changes, I believe no, and 33 00:02:42,170 --> 00:02:43,220 indeed it is. 34 00:02:43,220 --> 00:02:43,820 No. 35 00:02:43,850 --> 00:02:50,240 So click on details about the posts and everything aligned perfectly. 36 00:02:50,390 --> 00:02:58,580 So what I left is I want to add the link called delete and update below the post. 37 00:02:58,580 --> 00:03:04,310 So I'm going to remove this one and use these icons for the comment. 38 00:03:04,550 --> 00:03:07,760 So let's look at the post details. 39 00:03:07,760 --> 00:03:15,680 So let me collapse the opening tabs and views, posts and post details. 40 00:03:16,760 --> 00:03:25,640 Let's go down to the comments side and start from the comment body and we have the action to take. 41 00:03:25,640 --> 00:03:35,960 So starting from line number 76 up to the 83, this one is for the action to be taken for deleting and 42 00:03:35,960 --> 00:03:37,520 updating a comment. 43 00:03:37,640 --> 00:03:44,240 So I would like to copy this one or even the two of them or even all. 44 00:03:44,240 --> 00:03:48,740 And then let me scroll up under the post details. 45 00:03:48,740 --> 00:03:51,230 So for this I'm going to replace with that. 46 00:03:51,230 --> 00:03:56,420 For the meantime, let me paste it below here and let's see if we're going to have the effect. 47 00:03:57,570 --> 00:03:59,820 And we have it down here. 48 00:04:00,360 --> 00:04:06,570 So what I want to do is that let me have some space for that, which is this. 49 00:04:06,810 --> 00:04:17,970 So let me use the the link tag and locate the post info, which is this, and I'm going to replace with 50 00:04:17,970 --> 00:04:21,690 this one and let me remove the time. 51 00:04:22,490 --> 00:04:27,020 So inside the span of update one icon. 52 00:04:27,020 --> 00:04:30,050 So let's look at the arrangement for now. 53 00:04:30,690 --> 00:04:31,100 All right. 54 00:04:31,130 --> 00:04:36,890 I think this one is okay, so let's go ahead and then add the rest, which is this. 55 00:04:37,070 --> 00:04:40,700 And after this one, I'm going to add it. 56 00:04:40,700 --> 00:04:45,800 So let me add a command called delete post icon. 57 00:04:46,490 --> 00:04:47,930 Likewise. 58 00:04:49,040 --> 00:04:51,180 Update post icon. 59 00:04:54,680 --> 00:04:57,380 So let me remove this one from here. 60 00:05:02,900 --> 00:05:04,100 And there you go. 61 00:05:04,100 --> 00:05:07,280 For the CSS part of it, you can improve it. 62 00:05:08,000 --> 00:05:10,960 So now we have it as that in this video. 63 00:05:10,970 --> 00:05:15,800 Let's go ahead and then implement the deleting or updating a post.