/**
 * Initial example styling
 */

header.example {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: auto 25% 25%
}

header.example > div {
    border: 1px dashed #000;
    padding: 15px;
}

main.example {
    border: 1px dashed gray;
    margin: 15px 0;
    padding: 15px;
}

footer.example {
    border: 1px dashed #000;
    padding: 15px;
}