‫Hey, there.
‫Welcome back.
‫Now let us quickly improve these small takings and then jump on to the responsive part.
‫So fewer small settings like I need to just have some bold hair that means I need to increase the font
‫weight.
‫Also, if you see this whole thing, which is the quotation mark, this is not included in our description,
‫but we are utilizing the after property to add them.
‫So I need to do something similar here and feel that small changes.
‫So the first thing I'm going to do is I'm going to jump here and with my description, an accent.
‫I need to add a similar property for my before and after so I can add some content.
‫Now here you can add after as well as you need to add fog before itself.
‫So I think maybe content can.
‫Remember, I need to add quotation marks because of this, I'm using single code first and then my quotation
‫mark in between.
‫So in this way, I'm not overlapping or writing everything.
‫But if you jump here right now, you can see this quotation mark.
‫I write, try to select anything this off that is not selected this off to contain something similar.
‫I need to do it before.
‫So if I jump here and therefore save this one?
‫Get back here.
‫Now you can see this is our content, but we are not able to select the quotation mark.
‫This is important.
‫Remember this point?
‫The second thing I want to discuss about is the old.
‫So what I'm going to do is inside my title, I can simply add a property as phone read and headache
‫and Rs 600.
‫So if I copied this one added with our name itself, save this one.
‫This is much better now we have this ball contain Iran name itself.
‫Now the other thing that I want to discuss is if we have more content, I suppose with our description
‫lost with the third one, actually, I'm digging or I guess maybe if I have 20 more characters here
‫and see if this is extended, you can see they have some space now.
‫Extra space, which we don't want.
‫So what we can do is we can jump on to our container itself if I jump here.
‫Now inside our container, we can jump on to other items itself.
‫I'm here.
‫We can utilize the property.
‫If you remember about online content at this point of time, I think this online content has some space
‫between because of this, this is spreading.
‫What we can do is we can set align content and we can see not tender but actually start.
‫Save this one.
‫Get back here.
‫You can see now they are sticking towards this start part and this is the case.
‫They have some extra space.
‫You can utilize this concept.
‫OK.
‫This online content.
‫Now let me remove this one.
‫Save this one.
‫Get back here.
‫Things looks fine.
‫The other thing that I negro discusses the background shadow so we cannot walk shadow actually jump
‫here with our items.
‫Actually, if you jump here without items, I have options regarding Walk Shadow.
‫Had I Kannada colour and then specified different values, so I jump here.
‫This looks much better.
‫You can play with these values and change.
‫Maybe if I then had saved this one.
‫Get back here.
‫You can see the shadow here, which is pretty high.
‫So let me go back with zero and this is much better.
‫So this is the small changes that I really wanted to implement, the next one is allowed deep background
‫image here.
‫You can see so what I can do is I can jump on to my item one, but choose this one.
‫Now here only done one has this background image echo.
‫So this only item one has this image, so I can likely jump on to my item one.
‫And here I just need to simply add a background image.
‫What I can say is.
‫Since we are utilizing this background properly, I can specify everything in.
‫But what I'm going to do is I'm going to add them individually for now and then go back to my short
‫and property.
‫So here I just need to mention this one.
‫And then inside that, I need to mention my media.
‫And then this court date, you not be angry.
‫So this is going to add image, but this is going to look pretty big.
‫So we need to do a few settings.
‫The first setting is going to be related to our background size.
‫So that's going to have a background, say it's 50 percent.
‫OK, this is repeating, so I need to change my property, which is going to be background repeat and
‫I'm going to go with no repeat.
‫Much better.
‫Now I need to add opposition I needed here.
‫So what I can go with as I can add opposition and I can say I need it at top right corner so I can say
‫it.
‫All right, save this one.
‫Looks better, but I need some space.
‫So from top, I need maybe 10 percent and from right, I need Typekit.
‫So had I can mention brought up, I need 10 percent.
‫And from right, I knew then Vixen saved this one.
‫Get back here.
‫You can see much better.
‫OK, exactly the same.
‫Maybe here it is.
‫We go on so I can sit one deep cell phone.
‫Save this one, get back here.
‫Great.
‫Now this is done, so I can convert this whole thing and to shorten property soft on my color, I need
‫to add my image now.
‫I need to, I know, repeat property and after that I just simply need to add my position.
‫And once that is done, I can remove all of them, I have my background size separately.
‫If I get back here.
‫This is working fine.
‫So everything looks good for now.
‫But as soon as I try to squeezer things looks bad.
‫So what I need to do is I need to this media query as well as I need to play with something related
‫to size from the next lecture itself.
‫But for now, I hope you got the idea what we are trying to do.
‫Now one important thing I need to tell you again that it is not restricted to utilize with the Pixel
‫Air, you can use auto.
‫Now will take the exact size of that image, so if I see this image is going to exact size which is
‫required, OK, I hope you got the idea.
‫So that's all for this lecture and the next one, we are going to utilize this concept gutsiest.
‫Thank you for calling, and I see you guys in the next one.