.layout {
    display: grid;
    grid-template-columns: 250px 1fr;
    grid-template-areas: 
        "header header"
        "sidebar main"
        "footer footer";
    gap: 20px;
}

.header {
    grid-area: header;
    background-color: #ffcccc;
    padding: 20px;
}

.sidebar {
    grid-area: sidebar;
    background-color: #ccffcc;
    padding: 20px;
}

.main {
    grid-area: main;
    background-color: #ccccff;
    padding: 20px;
}

.footer {
    grid-area: footer;
    background-color: #ffffcc;
    padding: 20px;
}