.project-img {
    max-width: 80%;
    margin: auto;
}


.grid {
  --columns: 3;
  --gutter: 3rem;
  display: grid;
  grid-gap: var(--gutter);
  grid-template-columns: repeat(3, 1fr);
}
.grid > .column {
  margin-bottom: var(--gutter);
}

ul.grid { list-style: none; }
.autogrid {
  --gutter: 3rem;
  --min: 10rem;
  display: grid;
  grid-gap: var(--gutter);
  grid-template-columns: repeat(auto-fit, minmax(var(--min), 1fr));
  grid-auto-flow: dense;
}