Making Grid row and coluum auto adjustable

HTML-CSS
1

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

2

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;
}
3

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

4

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.