Imagens não aparecem deploy

Boa noite! Todo bem? Olha não sei se você percebeu, mas o codigo enviado no GitHub, não possui a pasta .img/ As imagens estão na pasta principal junto com os arquivos index.html e style.css. Caso seu projeto original tenha a pasta img, devo reconsiderar minha resposta ao seu post. Mas fiz o teste, e tirei o ./img/techplus.png, e coloquei ./techplus.png, então a imagem apareceu, é um erro comum.

Bem espero ter ajudado, caso você tenha a pasta .img, faça a atualização do seu codigo no GitHub para evitar confusões como está, logo, caso isto aconteça, estarei tentando posteriormente ajudar você neste problema!

Deus abençoe!

Oi Matheus, tudo bem por aqui, e por ai?

Lembrei que ao tentar carregar com a pasta, o site github dava erro quando eu finalizava o diretório, ai fui anexar as imagens sem a pasta, onde o site não deu mais erro, porém, tinha esquecido que daria esse problema. Tentei fazer a alteração pelo github/vsc, criando uma pasta, mas estava lento, tendo a necessidade de retirar os ./img/ do html e do css fazendo um commit direto pelo editar arquivo, mas no css essa remoção não fez carregar a imagem, no caso, agora apenas as imagens de fundo no css que não aparecem.

RESOLUÇÃO: Tentei mais uma vez fazer a alteração vsc/github, mas dessa vez esperei, assim, refiz a criação do repositório, anexei as imagens sem a pasta, pois a pasta ficava interferido (não sei o motivo), abri o VSC pelo GitHub, criei a pasta por lá, movi as imagens para ela e pronto, tudo resolvido!

GitHub: https://github.com/thaistech/techplus Page: https://thaistech.github.io/techplus/ Vercel: https://techplus-ten.vercel.app/

Desde já, muito grata pela ajuda!

ATENÇÃO Para uma resolução de celular, o explore não se adaptou.

Não ha de que Thaís. Fico feliz em saber que todo deu certo, Sucesso!

Matheus,

Mas com relação a imagem que coloquei do explore, o que pode orientar?

Olá Thais, me desculpe não li esta parte. Mas eu olhei seu codigo com meus colegas, é posso te dizer as seguintes sugestões: Primeiro você deve corrigir a margin para esquerda na sua classe container_botao, no media screen é claro, já que o problema esta na responsividade, como esta na imagem que você mostrou! Agora, uma observação, os botões estão muito grandes! Acho melhor usar a porcentagem para definir a largura deles.

Olha para boas praticas de programação, aconselho você a colocar" underline" nos containers principal e secundario, e ter apenas um "underline", para deixar o código mais limpo para qualquer programador ler de forma facil e sem confusões!

Oi Matheus,

Saliento que, esta é a tela do explore, para a tela celular navegador google, as medias estão corretas e os botão já estão em tamanho mínimo. Na verdade, os botões do videos e letras estavam muito grandes, eu alterei tudo possível que estava na aula da instrutora. Entenda que, o que eu mudar, alterará a visualização da tela do google, mas lá já está ok!

Sobre o seu conselho "nos containers principal e secundário, e ter apenas um". Eu apenas organizei como ensinado pela instrutora, não entendo de mais nada de estrutura além do que vi nos cursos.

Reitero que a responsividade para a tela celular do explore não funcionou aqui para mim. E não faço ideia de como mudar isso sem bagunçar o que já foi feito e está bom lá na tela do google.

Thaís, o que você queria corrigir não era a posição dos botões na responsividade do celular no navegador certo? Bem, para corrigir isto você deve corrigir a margin do container_botao. Se você não quiser bagunçar o codigo, abra o index.html no seu navegador e inspecione a pagina, e altere as propriedades por lá, isto não ira modificar o que foi feito, e você poderá visualizar as alterações sem nenhum problema!

Mateus,

Não era o que eu queria corrigir.

Te sinalizei outra situação, eu apenas mostrei que os elementos não ficavam responsiva pelo navegador explore. Estou aqui sinalizado sobre o navegador explore. E como eu disse, tudo que eu altero para um mexe no outro de forma que deslocam os elementos de formas diferentes, e eisso não deveria acontecer.