1
00:00:00,690 --> 00:00:05,790
Now what we need to do is that we need to display these things here in this area.

2
00:00:06,240 --> 00:00:10,440
And to do this, we need to change the display here to flex.

3
00:00:11,970 --> 00:00:15,030
And the flex direction.

4
00:00:16,630 --> 00:00:17,470
To be column.

5
00:00:19,490 --> 00:00:24,290
And finally, the justifying content is going to be center.

6
00:00:24,360 --> 00:00:31,190
This is going to center the content in the column and the line items on line items to be.

7
00:00:31,730 --> 00:00:39,410
Let's start let me show you what this is going to do now, if I refresh these elements, as you can

8
00:00:39,410 --> 00:00:41,980
see, will be displayed on the left side.

9
00:00:41,990 --> 00:00:48,410
But in the center, in the center, in the center, because I said center and Flick Start, which is

10
00:00:48,410 --> 00:00:50,120
going to be displayed from this start.

11
00:00:50,630 --> 00:00:53,810
However, we want to push this a little to the right side.

12
00:00:54,320 --> 00:00:59,270
And to do this to do this, we can use the container class.

13
00:01:00,110 --> 00:01:01,370
The container class.

14
00:01:01,790 --> 00:01:12,090
He's going to let the image of this image and this and this text be displayed on the on the on the exact

15
00:01:12,110 --> 00:01:13,040
start point.

16
00:01:14,060 --> 00:01:17,360
Let me show you if I say here container, what's going to happen.

17
00:01:17,840 --> 00:01:22,970
So I'm going to say here container and I'm going to say also here.

18
00:01:23,950 --> 00:01:24,280
Here.

19
00:01:24,280 --> 00:01:26,560
I'm going to see any sort of container fluid.

20
00:01:27,070 --> 00:01:28,480
I'm going to say just container.

21
00:01:29,320 --> 00:01:32,590
So here container and here container.

22
00:01:33,190 --> 00:01:39,400
Now, if I refresh, as you can see, they will start from the from the same exact point.

23
00:01:39,790 --> 00:01:41,350
So the starting point is here.

24
00:01:41,830 --> 00:01:43,420
And here the starting point is here.

25
00:01:43,810 --> 00:01:45,580
Now, our website looks amazing.

26
00:01:46,540 --> 00:01:51,250
The the other thing that they want it to do is that they want to shift that man to the right side a

27
00:01:51,250 --> 00:01:51,640
little.

28
00:01:51,970 --> 00:01:57,580
I want to shift the image, I should say, to the right side a little to do to do that.

29
00:01:58,150 --> 00:02:06,520
To do this, you can increase the position, the background position X to say 120.

30
00:02:08,080 --> 00:02:08,590
Now.

31
00:02:09,760 --> 00:02:12,190
If I refresh, as you can see a little.

32
00:02:12,190 --> 00:02:15,010
But it's not it's not very clear.

33
00:02:15,010 --> 00:02:17,530
It's not very clear because I didn't change this a lot.

34
00:02:17,920 --> 00:02:24,970
You can say, for example, 200 X, if I say 200 X, the image will be shifted more.

35
00:02:25,510 --> 00:02:30,970
You can control this by this by by the position, the background position.

36
00:02:32,200 --> 00:02:38,020
Next, what I'm going to do is that I'm going to display this best prices in another color and two prices

37
00:02:38,020 --> 00:02:38,740
into a span.

38
00:02:38,740 --> 00:02:39,610
I'm going to say span.

39
00:02:41,090 --> 00:02:44,720
I'm going I'm going to say your best prices.

40
00:02:46,650 --> 00:02:52,830
And then I'm going to remove it from here and in the style that says, now let's work on this.

41
00:02:53,430 --> 00:02:56,670
So to change the color, I'm going to say from.

42
00:02:58,200 --> 00:03:01,080
And then and then spam.

43
00:03:02,130 --> 00:03:03,810
And this color is going to be.

44
00:03:05,360 --> 00:03:09,980
Color is going to be coral reef.

45
00:03:10,460 --> 00:03:13,400
Let me say first, let me refresh one more time.

46
00:03:13,920 --> 00:03:16,610
And as you can see, the color is going to be different.

47
00:03:16,610 --> 00:03:20,150
So here the color is orange, whereas the color here is black.