<main class="wrapper">
    <article class="resume">
        <section class="grid-area name">
            <hr>
        </section>
        <section class="grid-area photo">
            <div class="circle"></div>
        </section>
        <section class="grid-area about">
            <hr>
            <hr>
        </section>
        <section class="grid-area work">
            <hr>
            <hr>
            <hr>
            <br>
            <hr>
            <hr>
        </section>
        <section class="grid-area education">
            <hr>
            <hr>
        </section>
        <section class="grid-area skills">
            <hr>
            <hr>
        </section>
        <section class="grid-area community">
            <hr>
            <hr>
        </section>
    </article>
</main>
.resume {
    display: grid;
    width  : 50mm;
    /* hardcoded purely for codepen example */
    height: 70.5mm;
    /* hardcoded purely for codepen example */
    grid-template-columns: 1fr 2fr;
    grid-template-rows   : 1fr 1fr 1fr 1fr;
    box-shadow           : 0 5px 9px 0 rgba(0, 0, 0, 0.35);
    grid-template-areas  :
        "photo education"
        "name work"
        "about work"
        "skills community";
}

.circle {
    border          : 1px solid black;
    background-color: white;
    height          : 40px;
    width           : 40px;
    border-radius   : 50%;
}

.grid-area {
    padding: 1em 1em 1em 1em;
    border : 1px black solid;
}

.name {
    grid-area: name;
    background-color: grey;
}

.photo {
    grid-area       : photo;
    background-color: grey;
}

.about {
    grid-area       : about;
    background-color: grey;
}

.work {
    grid-area: work;
}

.skills {
    grid-area       : skills;
    background-color: grey;
}

.education {
    grid-area       : education;
}

.community {
    grid-area: community;
}

/* align cv to center of page */

.wrapper {
    padding       : 0;
    display       : flex;
    flex-direction: column;
    align-items   : center;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.