CSS do curso Não funciona mais?

Oi Gustavo, tudo bom?

Dei uma olhada no seu código e acredito que o problema seja a divergencia de versões do bootstrap utilizadas. No curso, a versão do bootstrap é v3.3.7 e a versão que estamos usando no código do git é a mais atual v4.3.1.

O css disponibilizado usa classes como .btn e .container que são especificas do bootstrap e muita coisa mudou da versão 3 pra 4.

Tenta utilizar a mesma versão do bootstrap e qualquer coisa é só falar.

Abraço =)

André desculpe a demora para responder. Verifiquei no meu projeto e eu já havia testado a versão mais atual do bootstrap e ele continua assim.

Depois de outros testes descobri que o bootstrap não estava conectado com o projeto, pois deletei o bootstrap ele continuava da mesma forma, então verifiquei os links com o bootstrap.css e app.css no href, e eles estão igual ao projeto:

<link rel="stylesheet" href="{{ url_for('static', filename='bootstrap.css') }}">
 <link rel="stylesheet" href="{{ url_for('static', filename='app.css') }}">

Existe outro lugar que a conexão com o bootstrap e o app podem ter sido quebradas?

É intrigante, pois mesmo sem o bootstrap(deletei todos os arquivos bootstraps do computador), ele ainda funciona de forma errada(ao invés de parar de funcionar toda a estilização do bootstrap), creio que meus links estejam de alguma forma errada, pois se eu deletar o link:

<link rel="stylesheet" href="{{ url_for('static', filename='bootstrap.css') }}">

Toda a estilização some. Agora se eu não deleto, ele faz um link com um bootstrap.css q nem existe.

Oi Gustavo, tudo bom?

Você já tentou encontrar de onde esse bootstrap está sendo importando inspecionando pelo navegador?

No chrome, ao inspecionar, você encontra uma aba chamada sources. Nela tem todos os arquivos que foram importados pelo navegador na requisição e seus respectivos caminhos. Acredito que em outros navegadores o nome seja semelhante =)

Valeu André! Não sabia desse recurso, com ele pude ver que o bootstrap utilizado era o que o chrome tinha baixado no cache. Foi só limpar o Cache que deu tudo certo.

Sobre o App.css, consegui resolver colocando essa configuração dentro dele:

.form-group{
    display: grid;
}