Grid

PHOTO EMBED

Mon Apr 11 2022 19:54:55 GMT+0000 (UTC)

Saved by @Mazen #css

.grid{
  display: grid;
  gap: 2rem;
  padding: 2rem;
}


@media screen and screen and (min-width: 1200px) {
    .grid{
		grid-template-columns: repeat(3, 1fr);
    }
}

@media and screen and (min-width: 900px){
  .grid{
	grid-template-columns: repeat(2, 1fr);
  }
}

@media and screen and (min-width: 0px){
	.grid{
       grid-template-columns: repeat(1, 1fr);
    }
}
content_copyCOPY

https://umeshmk.github.io/react-schematic/