@media (max-width: 380px) {
    .side-logo img {
        width: 74px;
    }

    .hero-image {
        width: min(90vw, 280px);
    }

    .why-me,
    .skills,
    .work,
    .references,
    .contact {
        padding-left: 16px;
        padding-right: 16px;
    }

    .skills-grid {
        column-gap: 14px;
    }

    .reference-card {
        flex-basis: 250px;
    }

    .contact-legal {
        width: calc(100% + 32px);
        margin-right: -16px;
        margin-left: -16px;
    }
}