그리드 프레임워크

            
                body { max-width: 1024px; margin: 0 auto; }
        
                .container {
                    display: grid;
                    grid-template-columns: repeat(12, minmax(0, 1fr));
                    gap: 20px;
                }
                
                .container > header {
                    grid-column: 1 / 13;
                    grid-row: 1;
                } .container > article {
                    grid-column: 1 / 10;
                    grid-row: 2;
                } .container > aside {
                    grid-column: -1 / -4;
                    grid-row: 2;
                } .container > footer {
                    grid-column: 1 / 13;
                    grid-row: 3;
                }