사용자:낙엽1124/연습장/styles.css

최근 편집: 2023년 1월 22일 (일) 23:53
낙엽1124 (토론 | 기여)님의 2023년 1월 22일 (일) 23:53 판 (새 문서: .container { display: grid; } .container.tree-columns { grid-template-columns: repeat(3, 1fr); } .container.four-columns { grid-template-columns: repeat(4, 1fr); } .container div { width: 3em; height: 3em; border-radius: 0.5em; background-color: cyan; border: 0.2em solid black; })
(차이) ← 이전 판 | 최신판 (차이) | 다음 판 → (차이)
.container {
  display: grid;
}

.container.tree-columns {
  grid-template-columns: repeat(3, 1fr);
}

.container.four-columns {
  grid-template-columns: repeat(4, 1fr);
}

.container div {
  width: 3em;
  height: 3em;
  border-radius: 0.5em;
  background-color: cyan;
  border: 0.2em solid black;
}