* {
    margin: 0;
    padding: 0;
}

h1 {
    text-align: center;
}

#wrapper {
    max-width: 700px;
    margin: 0 auto;
    border: 3px double blue;
    background: grey;

    display: grid;
    grid-gap: 6px;
    grid-template-columns: max-content max-content max-content;

    justify-content: center;
}

div {
    text-align: center;
    background: #ddd;
    padding: 4px;
    border-radius: 8px;
    border: 3px solid #ccc;
    margin: 30px 0px;
}