 Right, so with our big images coming in here next we're going to add in some CSS and style. So for now I'm just going to use the customizer to make this a little quicker then I'll transfer the CSS into our plugin. So I'm just going to come here and the first thing that I'll do is I'm going to gallery dash grid and what I'm going to do is I'm just going to display and add grid and then the next thing that I'm going to do is add grid template columns which is going to separate our page into four pieces so I'll use the repeat function and say I want it to repeat four times but I'm sorry I'm going to auto-fill this which should take up as she's filling as many pieces as it can and I'm going to use a min-max and say I just need this to be about 250 pixels minimum size and then it will do the 1fr for where next where it needs to be so you realize now the pieces are becoming smaller. Next thing that I'm going to do is actually restrain this and say I want a height of this particular block to be 200 pixels so we have that coming in clean and next what we're going to do is now we need to start adding some our image sets we need to get our image set and then also style it up so the image set you know we're going to need it to be at the height of 200 pixels so that it suits uh it suits uh its box that it has I'll just add this in so that we can see more of what's happening here so this is what we are styling image set and then I'm just going to go for any overflow that goes past why should be hidden so we just have one two items actually coming in here so when we click on it we actually see the different items we're going to do here is actually just adds a few things to make this possible so I'll just add some display here to make this a block make this display block let's look it takes up 100 percent of the width which is good next is we're going to go into the the a tag that's inside the other link so we do dot image dash set a for a tag and we're going to display block to allow our link to go full 100 percent because by default the a tag is a it's an inline element so the display block and then we'll go for width 100 percent just to remove all doubts the heights will be 100 percent too so our item as you see in blue is fully set and then next we are going to do dot image dash set IMG for the image and we're going to first of all display it by block and next we're going to go for width and make it a 100 percent and next we're going to do the height 100 percent and that constrains it but we have a beautiful property here object to it to cover which will make sure that everything fits nice well and we don't have any stretches coming on our page so the little each that is there for us is that there is no space in here and I conduct just go back to our display grid here and I'll add grid gap of one room and that will give us space right in between there I can just push this up to two to make it look better and our lightbox is actually working as it should be if I close this out to give us more real estate you realize this is working beautifully and that is what we need so if I decide to inspect the elements we're going to realize that what we have here is the same as we had when we were looking at our lightbox right here so we're just duplicating it now that we have more dynamic data coming into this particular set so finally I'm just going to move this information I'll just cut it and then uh click up this here we don't we just start with them we're just going to go back into our assets here into our css I'm going to open a new file and call it a litbox with css and I'll just add all that css in here and save and what we're going to do next is just go back and a queue that css just like we did right here so I'll just duplicate this and then I'll call this a litbox gallery style so this is in here this is going to be litbox with css just like we've named it here and then once we're done we can save that and if we come back here and just view our website it works perfectly so we have lightbox we don't need any other plugins that bring in a lot of bloat we are showing our our javascript and our css the WordPress way and there's only one thing if you realize is that we have eight items in this image and that is coming from our lightbox when we set lightbox we are supposed to have the data lightbox set in the right way we need to separate them into different albums and that is quite easy I know of something that is very unique all we need to do is just come back here instead of having the example set what we're going to do is just save the gallery and then we are going to what I'm going to do is actually make it very sneaky I'm just going to also get this ID and then store the unique ID of each individual post so what I'm going to do here is just get this particular code and paste it here and I'm going to be just change this ID and save so once we do that and reload our particular page is just going to have exactly what we need so the four items in our food and once that is done there's nothing left to do you can go back but there's no more going forward and then the food items are specific to only food and they are also four so that's what it's supposed to be in the event that we have our website if we need to add another image set so we're going to call this gallery three what we're going to do is we're going to add some images here I'm going to create and then I am going to try to upload and just look at some images for my computer and if I peek about four of these and open them and allow them to log into the website so the dropping something once I'm done I add that randomize them give them a large size attach them to a media file because we just need a URL and then publish when that's done if we reload right here we're going to have our other item coming in so all this information is dynamically coming in we can decide to be able instead of having this only sticking to our front page we can actually write a short code for it and then we can be able to put it on any page or any widget that we do get in our website so that will be the next step I hope you will be ready for that video stay tight stay seated please subscribe to this channel if you like it there is a button right in the corner just click it and subscribe or you can watch the other videos that are available on this channel if you like the video give it a thumbs up and if you like the channel subscribe to it and feel free to ask any questions please let me know what challenges are you having what things are you working on that probably needed something that is a custom plugin and we could be able to write one that has a very simple solution very straightforward and that is tapping into a wide press ecosystem