그리드 가운데 맞춤
본문
그리드 열을 가운데에 맞추려면 어떻게 해야 합니까?
.example-grid {
display: grid;
justify-content: center;
align-items: center;
grid-template-columns: repeat(5, 1fr);
}
그리드 항목은 왼쪽으로 정렬이 되요 ㅠㅠ
답변 1
section {
width: 400px;
height: 400px;
border:1px solid #ccc;
display: grid;
justify-content: center;
align-content: center;
gap: 4px;
grid-auto-flow: column;
}
div{
background:#777;
color:#fff;
padding: 30px;
}
답변을 작성하시기 전에 로그인 해주세요.
