‫Hey, there.
‫Welcome back.
‫So now we have completed our part with Heather.
‫There will be more differences in future, but for now it's completed.
‫The next thing we are going to work is the Sadr is done, so we are going to work with this main section.
‫That means basically this far in a lot of things that we are going to do.
‫Now, first thing is, you can see the height.
‫It's different.
‫Different is different.
‫There is some background.
‫Definitely.
‫So we are going to play with that.
‫And then you can see this button.
‫You are going to play with it.
‫So there are a lot of things with this whole section or the first thing is the background color.
‫So what I'm going to do is I'm going to jump here and this is the main.
‫And since we only have one section, then it's fine.
‫Otherwise, give our last name to the section also, and everything looks fine.
‫So let me jump here.
‫And select my section.
‫So I can apply all the genius.
‫I still want to either the name.
‫So even if I did this project again in future art and the U.S. had, I'm not going to get into trouble
‫because of CSIS.
‫So let me call this section as banner.
‫Now, Howard, I'm going to use section not banner, remember, I'm you, I'm not writing a space here.
‫S. Not by no means.
‫I'm targeting a section with class banner.
‫Remember, if you just it over this, you will see when I add a space that means I'm going to inherit,
‫I'm going to check it's child.
‫So ahead, I'm trying to select the section, not banner.
‫The first thing I'm going to do is add a background color, so that should be simple.
‫I actually have this background color copy, so I'm going to add new territory directly.
‫Save this one.
‫Get back here.
‫Let's look fine.
‫So I also need to add a height.
‫If you try to maybe even go on to the mobile organ market, it might try to see the height is always
‫pretty big.
‫This height is big, and why this height, this big, because this high dose dependent on viewport.
‫So basically we are having our height 120 view or.
‫If I save this one and get back here again, this is the height.
‫And we are this continent desanto, then there will be certain background images and then there will
‫be photos section.
‫So that's why this site is pretty big and there are several websites that try to utilize this concept.
‫So they have some content up to this call and they usually have hi guys.
‫VIDEO 120V going reach this high dose dependent on the screen size screen height, actually.
‫Now, I wanted this container to center, what I can do is I can simply apply flex and then there will
‫be a horizontal center and then there will be vertical center.
‫That should be easy.
‫What I'm going to do is I'm going to add our display or flex.
‫Save this one.
‫OK.
‫This is already a stretch, but what we can do is we can apply the changes.
‫This is all in the back on off flex directional rule, so fast items like an item thought item.
‫What I'm going to do is I'm going to change it and I'm going to add a flex directional column.
‫So Lake's direction column saved this one.
‫Now I have the sequence.
‫So the first thing I need to do is I need to change it.
‫I need to add the justified content, which will help me to saying that horizontally, as well as the
‫line items which will help me to center vertically.
‫Save this one.
‫Get back here.
‫This is good.
‫Now we are at the center are screen, that means our.
‫So what I am going to do is I'm going to change their size and do a lot of stuff.
‫So the first simple thing we can do is update the color.
‫So we have this color.
‫Updated, I'm going to jump here and add a Canadian.
‫Yep, this is the one.
‫Save this one.
‫This should be fine.
‫Get back here.
‫OK, now we are warning the caller the next thing is update all the one as well as feedback and button.
‫So Barton is going to have its own lecture, but let's update VH one as well as B.
‫What I'm going to do is select this section and then our panel and head.
‫I'm going to follow each one, Doug.
‫So I I I read a space that means I need a section with glass banner and then inside a child H1.
‫You can see.
‫S. Glass banner and then H1.
‫OK, so the first thing I'm going to do is I'm going to update the font size.
‫Let me try a five frame save this on.
‫OK, I think I should.
‫Let me try and save this one.
‫OK, much better.
‫And also, this is pretty big.
‫What I can do is I can update it.
‫So let me jump here, use line height and let me try a 1.2.
‫Now, whenever we are walking with line height, we don't need to provide any type of unit.
‫This is your let's save this one.
‫Get back here.
‫Much better.
‫The next thing I need to do is I need to add some margin with all these items.
‫So what I can do is I can also create another part which is going to be section large banner.
‫And I'm going to select the view that I'm here.
‫I'm going to start up one size, which is going to be 1.6 RAM.
‫Save this one.
‫Get back here.
‫Much better now, what I can do is I can add space at the top, at the bottom with the help of margin
‫on this view dagat self, so that could work for both the top and bottom item.
‫Select the margin and I'm going to add to them.
‫Zero Save.
‫OK, so we have some space now.
‫This one is still looking pretty small.
‫What I'm going to do is later on, add this want in our response have got so we can update it every
‫now and then.
‫Let me try to use this second.
‫Best them for now.
‫Get back here.
‫OK, much better.
‫Yeah.
‫Now, let's work on this partner.
‫So what we can do is we can either continue in this lecture itself or I think I should divide this.
‫So in the next lecture, let us continue the button part and also understand about the other remaining
‫time.
‫I hope this lecture was helpful.
‫Thank you for calling, and I see you guys in the next one.