hey . what if i want to make all boxes of equal size ,instead of enlarged first image. i hve tried putting 3x2 grid ..but the first image(first row) is still larger than 2nd row
Replace this code .image-gallery .image-box:nth-child(1) { grid-column: span 2; grid-row: span 2; } with .image-gallery .image-box:nth-child(7n + 1) { grid-column: span 2; grid-row: span 2; } If this will help you please reply to me.
@@DesignTorch replaced "-child(7n + 1" with "child(1)"..it didnt changed anything... but i have figured out that changing row and coloum span to 1 . works ..thanks
You can download the exact resolution images from Unsplash or you can crop the pictures by using photoshop or any photo editing tool. if you are not satisfied you can ask me again.