body {
    background: pink;
    display: flex;
    justify-content: center;
    align-content: center;
}

.about-me-container {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    width: 900px;
}

nav {
    grid-column: 1 / 4;
    text-align: center;
    padding: 10px;
    border: solid black 1px;
    display: flex;
    flex-direction: column;
}

.main-grid-container {
    grid-column: 4 / 13;
    display: flex;
    flex-direction: column;
    max-height: 800px;
    overflow-y: scroll;
    overflow-x: hidden;
    scrollbar-width: thin;
}

main {
    background: snow;
    padding: 10px;
    margin: 5px;
    border: solid deeppink 2px;
}

aside {
    grid-column: 4 / 13;
    & img {width: 100%;}
}