CSS의 새로운 기능

main {
	display: grid;
  grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
	grid-template-rows: masonry;
}

main {
	display: grid;
  grid-template-columns: 1fr 2fr 3fr;
	grid-template-rows: masonry;
}

main {
	display: grid;
  grid-template-columns: 10rem 1fr minmax(100px, 300px);
	grid-template-rows: masonry;
}

.card {
  background-color: #fcf5e7;
  padding: 2rlh;
  margin-trim: block;
}
h2, p {
  margin: 1rlh 0;
}

.card {
  background-color: #fcf5e7;
  padding: 2rlh;
  margin-trim: block;
}
h2, p {
  margin: 1rlh 0;
}

리소스