1
00:00:00,450 --> 00:00:01,920
So let me now work on this.

2
00:00:02,250 --> 00:00:05,220
So for this, I'm going to be displaying the second one.

3
00:00:05,220 --> 00:00:08,520
I'm going to be I'm going to display in the center of the screen.

4
00:00:08,520 --> 00:00:11,940
It's in the center of the of the element.

5
00:00:12,210 --> 00:00:15,780
So it's going to be centered vertically as well as horizontally.

6
00:00:16,140 --> 00:00:22,350
Whereas the last one, I'm going to center this vertically, but I'm going to display it on the right

7
00:00:22,350 --> 00:00:22,770
side.

8
00:00:23,310 --> 00:00:24,090
So to do this.

9
00:00:25,150 --> 00:00:29,590
I'm going to copy this code and I'm going to be set two times.

10
00:00:30,520 --> 00:00:39,310
So the second time, the first time, the first time one and child one, the second time and child two

11
00:00:39,760 --> 00:00:46,330
Because we want the second time, we want to access the details of the second child.

12
00:00:47,340 --> 00:00:48,900
So the second.

13
00:00:50,840 --> 00:00:51,590
The details.

14
00:00:51,600 --> 00:00:52,580
This is the first chart.

15
00:00:52,610 --> 00:00:54,260
This is the first one.

16
00:00:54,770 --> 00:00:55,880
This is the second one.

17
00:00:55,880 --> 00:00:57,290
And this is the third one.

18
00:00:57,980 --> 00:01:03,980
So if I say the end of the second end child, I'm saying this details.

19
00:01:04,760 --> 00:01:14,090
So for these details, what I'm going to do is that I'm going to say here a line items center and the

20
00:01:14,090 --> 00:01:14,420
text.

21
00:01:14,420 --> 00:01:23,690
The lion is also going to be centered center for the the one and in child three this is going to be

22
00:01:23,690 --> 00:01:24,050
three.

23
00:01:24,560 --> 00:01:36,380
I'm going to say a line items selects and and the text a line is going to be end or left or left.

24
00:01:36,380 --> 00:01:37,730
You can see or right.

25
00:01:38,060 --> 00:01:38,540
You can see.

26
00:01:38,540 --> 00:01:38,870
Right.

27
00:01:39,590 --> 00:01:42,030
Let me show you now what's going to happen if I refresh.

28
00:01:42,560 --> 00:01:43,220
As you can see.

29
00:01:44,220 --> 00:01:50,130
If I refresh, this is going to be centered vertically and horizontally and this is going to be centered

30
00:01:50,550 --> 00:01:53,730
vertically, but it's going to be displayed on the left side.

31
00:01:54,150 --> 00:01:57,600
And this is going to be centered vertically, but horizontally.

32
00:01:57,600 --> 00:01:59,550
It's going to be displayed on the right side.

33
00:02:00,270 --> 00:02:02,430
And whenever you hover over this

34
00:02:05,250 --> 00:02:11,760
and whenever you hover over the buttons, the button will turn to an orange color.

35
00:02:12,210 --> 00:02:20,460
Also, I'm going to add a half hour effect to the to the card itself, to to the object itself.

36
00:02:21,030 --> 00:02:22,290
So to do this.

37
00:02:23,450 --> 00:02:26,150
Remember, we have the details.

38
00:02:26,150 --> 00:02:27,380
We have these details.

39
00:02:28,130 --> 00:02:32,870
We can say here, we can say you.

40
00:02:33,620 --> 00:02:37,220
And then that one and then details.

41
00:02:37,730 --> 00:02:41,000
And then I'm going to say hover over.

42
00:02:41,000 --> 00:02:45,290
So upon hovering, what I'm going to do is that I'm going to change the background color.

43
00:02:45,770 --> 00:02:50,000
I'm going to same background and then I'm going to change it, change the background color to let's

44
00:02:50,000 --> 00:02:53,170
say, let's select a color.

45
00:02:53,180 --> 00:02:54,760
Let me here say corn silk.

46
00:02:54,770 --> 00:02:55,820
Let's try this one.

47
00:02:57,350 --> 00:02:58,400
So if I refresh.

48
00:02:59,370 --> 00:03:04,350
As you can see, if you hover, this is going to look like this is how it's going to look like.

49
00:03:05,490 --> 00:03:06,960
And I think it looks amazing.

50
00:03:07,260 --> 00:03:10,050
I think the color is great.

51
00:03:10,050 --> 00:03:11,520
This color is great.

52
00:03:12,420 --> 00:03:17,100
Or you can even select another color because this is very bright.

53
00:03:18,060 --> 00:03:22,620
We need a color that works well with with this with a text color.

54
00:03:23,070 --> 00:03:30,090
So you can, for example, use the dark gold there.

55
00:03:30,180 --> 00:03:30,630
Bright.

56
00:03:30,660 --> 00:03:31,860
I think this one.

57
00:03:33,420 --> 00:03:34,880
Would look amazing.

58
00:03:36,090 --> 00:03:37,380
I think this one is better.

59
00:03:39,470 --> 00:03:44,210
I think this one is better so you can use this or the the the other one.

60
00:03:45,080 --> 00:03:46,610
So I'm going to go back to the.

61
00:03:48,030 --> 00:03:52,050
Through the old one, too, the one that they chose first, which is the corn silk.

62
00:03:52,050 --> 00:03:54,480
I think the corn silk looks amazing.

63
00:03:54,960 --> 00:03:58,910
Now, let me refresh and I think the corn south looks amazing.