.profile--grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: var(--margin-lg);
    margin-bottom: var(--margin-base);
}

@media (min-width: 768px) {
    .profile--grid {
        grid-template-columns: 1fr 2fr;
    }
}