In this video.
Let's work on the case.
So back to the photo component and this is a case for it.
So let's get started.
Before you continue, let's make sure that we are using the CSS.
So let's require the file here as imports dot first class for CSS.
So here we go.
So let's select the photo element here and let's give it a background color as hash tag 111e 3/8 and
next is the color on it as hash tag f, f and padding of 20 pixels and then text align to center.
So with this one, we are good to go.
Let's see what we have a something like this, but let's go ahead and then control the image.
So here we are going to target the photo and then the image inside and let's give it a weight of 100
pixels.
Let's see.
Yeah, something like this next step is let's align the social media icons and remember the class,
this core photo that social does media and for that one display to flex and then just file contains
center and then align items also center.
So let's see what we have a something like this one.
So let's go ahead and select the individual links, now the lines so we can copy this one and down here
paste it and let's add the here and let's remove everything from here and say let's style to none.
And then for the margin also has ten pics.
So let's have a look a something like this one but let's go ahead and then style the icon itself.
So here we are going to target the ally, which is the E links.
So here I and then the is so here let's give it text decoration to non and then the color to be hashtag
f, c, f, c, b to one, two and that is it.
Let's see what we have a something like this as compared to the final a something like this.