그리드 정렬

header

aside

            
                .container {
                    display: grid;
                    grid-template-columns: auto auto auto;
                    grid-template-rows: 100px 100px;
                    gap: 10px;

                    max-inline-size: 800px;
                    block-size: 300px;
                    background-color: #a9b58a;
                }

article

align-content justify-content

Item 1

Item 2

Item 3

Item 4

Item 5

align-items justify-items