Sobre uso de nome de classes

Se eu ao invés de:

.principal{
    background-image: url("/imagens/Background.png");
    background-repeat: no-repeat;
    background-size: contain;
    align-items: center;
}


.container 
{
    height: 100vh;
    display: grid;
    grid-template-columns: 50% 50%;
}

eu tivesse posto tudo assim:

.principal{
    background-image: url("/imagens/Background.png");
    background-repeat: no-repeat;
    background-size: contain;
    align-items: center;
    height: 100vh;
    display: grid;
    grid-template-columns: 50% 50
}

teria dado errado a formatação do código? (claro, mudando toda a nomeação das classes) Queria saber se de fato é necessário essa divisão de "principal" e "container" se no caso do código o container e o principal eram os mesmos