[Dúvida] Como faço para o meu projeto ser responsivo?

Kayo,

Parece complicado, mas só é trabalhoso e precisa de uns ajustes.

Usamos um "CSS @media Rule" para remontar sua tela a partir de determinado tamanho.

Exemplo: Abaixo de 600px pinta de azul claro o fundo:

CSS @media Rule

@media only screen and (max-width: 600px) {
  body {
    background-color: lightblue;
  }
}

https://www.w3schools.com/cssref/css3_pr_mediaquery.php

Desta forma você reposiciona ou retira imagens, textos, etc... para ver o efeito, diminua a tela do seu browser, por exemplo.

Veja também:

Utilizando CSS Media Queries

Veja neste artigo como fazer com que páginas HTML tenham diferentes comportamentos e formatações, de acordo com as características do dispositivo no qual estão sendo visualizadas. Isso é possível utilizando as CSS Media Queries.

https://www.devmedia.com.br/utilizando-css-media-queries/27085

Media queries, o que são e como usar no CSS?

Neste artigo, nós iremos aprender sobre o uso de media queries no CSS e iremos aprender como utilizá-los em nossas aplicações web.

há 10 meses 1 semana

https://www.treinaweb.com.br/blog/media-queries-o-que-sao-e-como-usar-no-css

[]'s,

Fabio I.