Sugestão de melhorias

Implementei a sugestão do instrutor para tornar as páginas de produtos e contatos responsivas também. Alguém teria alguma sugestão de melhoria?

Disponibilizado em:

• https://github.com/andersonlaurindo/html-css-example-alura-part4/
• https://andersonlaurindo.github.io/html-css-example-alura-part4/

@media screen and (max-width: 480px) {
    .header-box, .main, .advantages-content, .map-content, .video, .products {
        width: auto;
    }

    h1 {
        text-align: center;
    }

    nav {
        position: static;
    }

    .advantages-list, .barber-working-image {
        width: 100%;
    }

    .products li {
        width: 95%;
        margin: 2% 2%;
    }

    form {
        margin: 40px 10px;
    }

    .input-default{
        width: 100%;
        padding: 10px 0;
        text-align: center;
    }

    .send {
        width: 100%;
        text-align: center;
    }

    .send:hover {
        transform: scale(1);
    }

    table {
        position: relative;
        left: 50%;
        transform: translate(-50%);
    }
}