Making Grid row and coluum auto adjustable

Design the Portfolio and I want the images or grid to be auto adjustable when the screen is small or make all columns and rows equal to one size independent of their image size.
Any other suggestion would be a huge plus.
Thanks

Check that your css is all correct

for example you have this

.body{
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 50vh;
    background: #343F4F;
  }

which is never applied because you don’t have a class of body anywhere

Your images also overflow from your grid, one thing you can do is size the images, for example

img {
  width: 100%;
  height: auto;
}

check the first section element that has a body and wrapper class.