1 00:00:00,630 --> 00:00:01,920 ‫Heather, welcome back. 2 00:00:02,190 --> 00:00:08,130 ‫Now let us quickly jump on to our section related to footnote how currently we already know this whole 3 00:00:08,130 --> 00:00:08,700 ‫section. 4 00:00:09,300 --> 00:00:13,630 ‫If I click on Inspect, this whole section is following up Flex property often. 5 00:00:14,700 --> 00:00:20,970 ‫But what we can do is instead of giving them away, we can simply say, OK, let's follow the direction 6 00:00:20,970 --> 00:00:23,430 ‫of column so everything will be in a sequence. 7 00:00:24,030 --> 00:00:29,490 ‫Here, what I'm going to do is inside my seven six pixel, I'm just going to follow my photo. 8 00:00:30,150 --> 00:00:36,810 ‫So the name of this whole photo thing is if I scroll down, open this folder and head, I'm following 9 00:00:36,810 --> 00:00:37,460 ‫the links. 10 00:00:37,470 --> 00:00:43,620 ‫So I just need to select my order and I just need to select my links and head. 11 00:00:43,620 --> 00:00:45,900 ‫I can say, just go over display. 12 00:00:47,120 --> 00:00:52,130 ‫Flex property and I can change the flex direction and I can see flex direction. 13 00:00:53,950 --> 00:00:56,440 ‫And I can already flex detection of colon. 14 00:00:56,590 --> 00:01:01,850 ‫And if I save this one, get back here, you can see half of my task is done. 15 00:01:01,870 --> 00:01:04,000 ‫They are now following a proper direction. 16 00:01:06,210 --> 00:01:09,120 ‫Looks good, looks good. 17 00:01:12,240 --> 00:01:12,990 ‫Great now. 18 00:01:14,710 --> 00:01:21,730 ‫And I think they're staggering to squeeze up working well now that will be huge and just like adding 19 00:01:21,730 --> 00:01:25,510 ‫some distance between them so we can find all these easy thing. 20 00:01:26,230 --> 00:01:32,060 ‫Also, you don't need to provide any property because this looks good to me and involves overhead. 21 00:01:32,210 --> 00:01:34,720 ‫Yeah, we just need to maintain some distance. 22 00:01:35,350 --> 00:01:37,300 ‫And that is going to be with these. 23 00:01:38,170 --> 00:01:43,110 ‫What I'm going to do is I'm going to select my photos. 24 00:01:43,860 --> 00:01:49,380 ‫Arc length and had, I guess, need to select my name and then provide the margin bottom. 25 00:01:50,550 --> 00:01:53,370 ‫And let's go quickly to save this one. 26 00:01:53,460 --> 00:01:54,660 ‫And if I get back here. 27 00:01:57,280 --> 00:01:58,210 ‫OK, looks good. 28 00:01:58,420 --> 00:02:00,430 ‫Or maybe, let's say, three trim. 29 00:02:04,890 --> 00:02:09,960 ‫Much better, I think this is great if I want to exceed the distance, I can do that. 30 00:02:10,320 --> 00:02:16,280 ‫And even if I want to decrease this margin on this side, I can just imagine if I want. 31 00:02:17,280 --> 00:02:18,510 ‫OK, looks good to me. 32 00:02:18,520 --> 00:02:20,280 ‫The only difference is their distance. 33 00:02:20,570 --> 00:02:21,440 ‫Well, that's it. 34 00:02:21,450 --> 00:02:22,410 ‫That's it. 35 00:02:22,800 --> 00:02:26,010 ‫And if you want, you can decrease the batting here. 36 00:02:26,550 --> 00:02:34,040 ‫And if you observe we have a burning boredom of 10 them so we can decrease this padding bottom. 37 00:02:34,600 --> 00:02:41,790 ‫Get back here and my links and headache and a big, let's say, padding bottom due to them only save 38 00:02:41,790 --> 00:02:43,020 ‫this one and get back here. 39 00:02:43,650 --> 00:02:44,550 ‫Looks good to me. 40 00:02:44,610 --> 00:02:45,060 ‫Fine. 41 00:02:46,960 --> 00:02:52,930 ‫So everything related to our photo, not a whole page is done, if you scroll up Scotland, you will 42 00:02:52,930 --> 00:02:55,450 ‫see this whole website is this one. 43 00:02:55,450 --> 00:03:03,010 ‫So only one thing is remaining, which is our hamburger menu that is going to be fun and we will continue 44 00:03:03,010 --> 00:03:04,330 ‫this in the next one. 45 00:03:04,990 --> 00:03:08,980 ‫I hope this lecture was helpful and now your entire website does this one. 46 00:03:08,980 --> 00:03:09,280 ‫So. 47 00:03:10,360 --> 00:03:11,360 ‫Thank you for calling. 48 00:03:11,380 --> 00:03:13,230 ‫And I see you guys in the next one.