julienmonnerie/assets/css/pages/_cv.scss

@use "../abstracts" as *;

// --------------------------------------------------
// CV STYLE
// --------------------------------------------------

.cv {

    .cv__title {
        @include visually-hidden;
    }

    .cv__content {
        display: grid;
        grid-template-columns: auto 1fr;
        column-gap: 0.5rem;
        row-gap: 1rem;
        max-width: $content-width-s;

        > h2 {
            grid-column: 1 / span 2;
            font-size: 1rem;
            font-weight: 700;
        }

        > h3 {
            grid-column: 1 / span 1;
            font-weight: 700;
        }

        > p {
            grid-column: 1 / span 2;
        }

        > ul {
            grid-column: 2 / span 1;
            display: flex;
            flex-direction: column;
            gap: 0.25rem;
        }
    }
}