1
00:00:08,200 --> 00:00:09,220
In this video.

2
00:00:09,220 --> 00:00:11,800
Let's work on the case.

3
00:00:11,800 --> 00:00:17,410
So back to the photo component and this is a case for it.

4
00:00:17,410 --> 00:00:18,840
So let's get started.

5
00:00:18,850 --> 00:00:22,840
Before you continue, let's make sure that we are using the CSS.

6
00:00:22,840 --> 00:00:29,950
So let's require the file here as imports dot first class for CSS.

7
00:00:29,950 --> 00:00:31,510
So here we go.

8
00:00:31,630 --> 00:00:42,400
So let's select the photo element here and let's give it a background color as hash tag 111e 3/8 and

9
00:00:42,400 --> 00:00:55,600
next is the color on it as hash tag f, f and padding of 20 pixels and then text align to center.

10
00:00:55,630 --> 00:00:57,850
So with this one, we are good to go.

11
00:00:57,880 --> 00:01:04,360
Let's see what we have a something like this, but let's go ahead and then control the image.

12
00:01:04,360 --> 00:01:12,520
So here we are going to target the photo and then the image inside and let's give it a weight of 100

13
00:01:12,520 --> 00:01:13,330
pixels.

14
00:01:13,390 --> 00:01:14,200
Let's see.

15
00:01:14,200 --> 00:01:21,490
Yeah, something like this next step is let's align the social media icons and remember the class,

16
00:01:21,490 --> 00:01:33,450
this core photo that social does media and for that one display to flex and then just file contains

17
00:01:33,460 --> 00:01:36,790
center and then align items also center.

18
00:01:36,970 --> 00:01:40,510
So let's see what we have a something like this one.

19
00:01:40,690 --> 00:01:48,070
So let's go ahead and select the individual links, now the lines so we can copy this one and down here

20
00:01:48,100 --> 00:01:57,910
paste it and let's add the here and let's remove everything from here and say let's style to none.

21
00:01:57,970 --> 00:02:03,090
And then for the margin also has ten pics.

22
00:02:03,190 --> 00:02:11,020
So let's have a look a something like this one but let's go ahead and then style the icon itself.

23
00:02:11,020 --> 00:02:15,790
So here we are going to target the ally, which is the E links.

24
00:02:15,790 --> 00:02:26,950
So here I and then the is so here let's give it text decoration to non and then the color to be hashtag

25
00:02:26,950 --> 00:02:32,590
f, c, f, c, b to one, two and that is it.

26
00:02:32,590 --> 00:02:39,070
Let's see what we have a something like this as compared to the final a something like this.