9 replies

grid item auto stretch

Hi guys, I want the height of grid item fit-content but it auto stretch. I use

align-self: start

align-self: start

align-self: start

align-self: start for grid item but it does not work. Can anyone help me explain why? Here is my css container

.container{
 display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;
  flex: 1;
}

.container{
 display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;
  flex: 1;
}

.container{
 display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;
  flex: 1;
}

.container{
 display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;
  flex: 1;
}