Executando verificação de segurança...
1

Problemas de responsividade em meu projeto.

Olá pessoal, tudo bem?

Então, tenho um projeto de uma loja virtual que fiz só para aprender mais sobre HTML e CSS, e gostaria de deixar o projeto responsivo, eu tentei deixar o máximo responsivo, mas ainda sim tem alguns problemas.(Ainda não sei versionamento de git e nem github, quem puder ajudar com as pull requests também, é muito bem vindo.)

O problema é deixar 1 coluna quando chega na width 420px, só consegui deixar com 2 colunas; E na página de determinado item, eu não consegui diminuir o tamanho da imagem.

Quem quiser ajudar, é só acessar este repositório.
Repositório

Carregando publicação patrocinada...
1

Parabéns pela iniciativa do projeto. Acredito que para você ter mais ajuda, seria melhor descrever exatamente os problemas que você tem aqui, por exemplo:

"Estou com problema para deixar essa tabela responsiva, alguem pode me ajudar ou deixar alguma sugestão?"

Sobre as pull requests, lhe dando um conceito basico e simples. Basicamente você tem uma Brach master ou main, conforme você preferir como chamar, e sempre que for desenvolver algo, você cria uma nova branch. Após isso você irá criar um pull request para comparar as duas branch, e ele vai lhe dizer exatamente tudo o que mudou, vai lhe dizer se tem conflitos ou não e também abrir um espaço para que a equipe possa comentar e conversar sobre as modificações realizadas. Após analisar e conversar, você pode optar por aprovar essa pull request e atualizar sua branch master/main ou recusar ela, assim não tendo efeito algum em sua branch principal.

Espero ter ajudado nem que seja um pouco, abraço!

1

Pra mim tá aparecendo em 1 coluna quando diminuo. A imagem dos cartões lá em baixo é grande, tenta pegar menos cartões, e coloca uma imagem de cada. No menu, precisa colocar as tag ul, li e depois usar o flexbox que resolve.

1

Fala mano, tranquilo?

Então, sobre responsivo o que eu recomendo firmemente é que você não tente fazer o responsivo sem ter em mente o que exatamente você quer fazer, tente imaginar ou até fazer o design no figma ou outras demais plataformas pois, sera muito mais fácil fazer algo que você consegue visualizar antes do que enchendo seu CSS com media queries e afins.

No começo eu também tentava fazer todo responsivo do meu site do zero enquando escrevia o código do site no desktop, resultado, dor de cabeça e estresse, porém, depois que comecei a incluir o mobile também na projeção do site como um todo, comecei a sentir o mesmo prazer que sentia quando fazia o desktop também no mobile.

Enfim, fica a dica e espero ter ajudado.