So here I'm going to remove the I'm going to add the into the margin instead of banning bottom, I'm
going to say batting y.
If I say you're batting y, this is going to fix this problem.
Let me here.
As you can see, if you scroll, you'll find that the navigation of the text will be displayed below
the navigation bar.
Another thing that they want to do is that they want to display this text on the left side instead of
the middle.
And to do this, we can here remove this mix auto.
I'm going to remove this auto and I'm going to remove also the.
Here we are.
I think we are good here.
There's no problem.
Limit refresh.
And this will be displayed on the left.
But we need to add glasses to display these on the left side so we can.
So here we can move this text center.
If you remove this tax center, the text is going to be displayed on the left side.
So the text is going to be displayed, as you can see, on the left side.
Another thing that they want to do is that here what I'm going to do is that I'm going to change the
images.
So we have a feature one, feature two, feature three, and then picture four.
Let's use other images.
So we have so many images leaving here, say cloths one and then lots two, then cloths three and then
last four.
And they have other images as well.
I'm going to add more images because I want our website to have so many different variety.
So I'm going to here up in the assets and the images and then I'm going to drag and drop these images.
So I have this image and I have this.
And I have this and finally I have this.
So we have four more images we have featured.
Five, six, seven, eight.
So I'm going to add these to I'm going to play these in the shop.
So in the shop.
What I'm going to do is that I'm going to say here.
I'm going to say.
Remember we have year.
And is it a feature and one I'm going to say here.
Featured five and featured six.
And featured seven and then featured eight.
And if you save and you don't know where, back to the browser and refresh you, you'll find that we
will have different images.
Now, as you can see, we have here four more images and we have a variety of images which now is better.
We can also change the images in the third draw.
Save the third draw.
You can you see.
Here.
You can see watch four and then watch three and then watch.
To finally watch one.
Now you will find that.
We will have unique images.
So all images are all different except for this image.
I think a game is too big.
Therefore, I'm going to teach you a way to make sure that all images have the same exact size.
So to do this, I'm going to here in the.
In the shop here.
I'm going to create I'm going to create a style tank because I don't want to.
I don't want to change the main design.
So only in the shop, I'm going to add a few different things.
Therefore, we don't need to create another stylesheet file.
We just can add the the few changes here in a local style.
So here in this style, remember the products?
These products.
Let me close this.
These products are inside the product class so we can access them using the product.
And we need to edit the image size so we can say product image.
So I'm going to say here in this style, I'm going to say dot product and then image, and then I'm
going to change the width and height and width.
Width is going to oh is always going to be 100%.
However, the height the height is going to be order and the box sizing is going to be border box.
And finally, the object fit is going to be cover cover.
That way, all images will have the same exact size.
Let me show you now that all of these images will have the same exact size.
So as you can see now, all images have the same exact size.
But again, the problem is that some images might have, might or might originally be small, such as
this one is originally originally small.
So this is the only problem that we will have.
So my recommendation is to use images that are already big in order to avoid this problem.
Also, the resolution might be a little low for Sony for some images that have that are that are originally
originally small.
So you need to take these into account.
But I think our website is perfect.
Finally, I'm going to add links to the shop and to the homepage, because if I click on home, nothing
is going to happen.
And if you click on shop, nothing's going to happen.
So in the navigation bar, in the shop that each email you're going to be getting on bar, I'm going
to say here for the home, I'm going to say index that it's HTML and for the shop I'm going to say shop,
that is T.M..
Similarly for the index here, I'm going to say in the navigation bar.
I'm going to say.
Com index that it's email.
And for the shop I'm going to say shop that it should email.
Now let me save everything.
Save all.
Alamy refresh.
So now if they click on shop, it is just going to refresh the page.
If you click on them, it's going to take you to the home page and from there, from the home page.
If you click on home, it's just going to reload the page.
And if you click on shop, it's going to take you to the shop page.
So now we have the links also activated.