In this video.
Let's go ahead and implement the gallery of recent works.
So back to Visual Studio code.
Let's go ahead and create a component for that.
So inside a component, let's create one component, core works and inside let's go ahead and create
the file for that component.
And then this one going to be the CSS.
So let's create the CSS also for that CSS.
All right.
So let's cut for the template and here we go.
So what would be the structure here?
First of all, let's have a container for the works.
And here you go.
And inside we have each one called my recent works.
And after that we have a date that's going to wrap all the images.
So we're going to be as works list container.
So that works does list does container.
And here we go.
And inside we're going to have individual images.
But instead I want to wrap it inside a container or works item.
So we're going to be as works
dash item and in here are going to add all the images.
The images are inside the asset with name work one, two, three, four, five and six in that order.
So let's go ahead and then required all those images.
So we're going to be as import.
Good.
So let's go ahead, select art and then let's duplicate that one.
Perfect.
So here we are going to require the image here as work one.
Great.
So I'm going to duplicate this one five times.
So here we go.
One, two, three, four, five.
And I'm going to change this 1 to 2.
A six.
Great.
So let's require the CSIS as that and we are good to go.
Next step is let's require the components and render it to the browser.
So I'm going to be asked works and the auto import is working fine.
So last step is I will come here and then just dump it into the DOM and we are good to go.
Let's have a look and this is what we have.
So in the next video let's go ahead and then style it to have something like this.