Aplicação quebrada

Que estranho! aqui tá normal a visualização

Quando tá o chrome ta em 80% aqui também fica normal, mas quando deixo em 100% fica assim.

Olá, Kayo! Tudo jóia?

Acredito que a resolução do seu monitor é bem maior do que a resolução que a aplicação foi estilizada. O que você pode fazer é aplicar uma prop de min-width para corrigir essa resoulção. No arquivo index.css na pasta src do seu projeto, adicione o seguinte:

body {
  //...
    min-width: {resolução do seu monitror}px;
}

Acredito que isso possa ajudar. A outra solução é tentar deixar a aplicação responsiva para outros tamanho de tela, o que não é o objetivo deste curso em si.

Espero ter ajudado e bons estudos!

Grande abraço!

As soluções não funcionaram. E deixa então eu ver se entendi, a aplicação só é acessivel até um tipo de tela, nunca curso que é sobre ACESSIBILIDADE? É isso mesmo?

Oi, Kayo!

O objetivo do curso é falar sobre acessibilidade em React, mostrar os recursos que o React possui para tornar as aplicações mais acessíveis. O foco não era ter uma aplicação responsiva, por isso o projeto não entra neste ponto e isso não compromete o seu aprendizado durante este curso.

Caso queira aprender mais sobre responsividade em aplicações web, recomendo os cursos HTML e CSS: trabalhando com responsividade e publicação de projetos e HTML e CSS: responsividade com mobile-first.

Um abraço, bons estudos.

ok, obrigado