Design comparison
Solution retrospective
Não consegui deixar o site responsivo pois nao sabia sobre o uso de PX dificultar nisso, proximo desafio usarei REM e %
dicas para deixar meu site responsivo, por favor! tambem estou tendo dificuldade para postar o projeto aqui na hora da visualização, quando aperta para ir pro meu site nao vai para meu projeto e sim para uma captura de tela, se puder me escrever como postar projeto corretamente nessa plataforma me ajudara muito.
Community feedback
- @77iuPosted about 1 year ago
Olá @gpolese
Na minha opinião, o seu projeto não aparece porque você o salvou de uma forma diferente da forma como o recebeu.
Meu exercício foi visto e a única coisa que fiz foi baixá-lo e, quando terminei, carreguei os arquivos e pastas no GitHub, mas não a pasta que os continha.
Sugiro que você veja meu projeto e me dê sua opinião, qualquer conselho sobre meu código será apreciado 😃
E se você gostou do efeito de foco do botão, convido você a visitar [77iu] (https://youtube.com/@77iu-CSS?si=Lh0rFQyeXZTjq01j)
saudações da Argentina!
Marked as helpful0@gpolesePosted about 1 year agoCerto! entendi, irei tentar dessa forma, obrigada. s2 @77iu
0 - @FelipeCastroDEVPosted about 1 year ago
Você precisa dar o git init no repositorio do seu projeto para quando vc for da o git push ele subir para o github apenas a pasta com os arquivos do seu projeto, html,css e jss.
Pelo que entendi a raiz do seu repositorio contem uma imagem com a foto do projeto, imagem essa que aparece quando acessa o link de visualização que você disponibilizou. tenta copiar todos os arquivos do seu projeto e colar na pasta raiz do repositorio.
E sobre a responsividade não precisa ficar muito presa nisso de rem ou px, a unica coisa que vai mudar em escolher trabalhar com rem em textos e que o rem é relativo ao tamanho da fonte padrao setada no navegador, dando ao usuario liberdade em aumentar a fonte dos textos utlizando o zoom do navegador.
Para melhorar a resposividade dos elementos você vai ter que dominar conceitos como flex e grid layout e entender o conceito de media queries.
Te aconselho a pesquisar como adicionar media queries, essa feature basicamente aplica um css diferente nos elementos que vc especificar quando a janela no navegador atingir determinado tamanho. quando vc encontrar o melhor tamanho para mudar o layout vai precisar apenas colocar um flex-direction: colum no wrapper dos seus cards.
Espero ter ajudado, e bons aprendizados nessa nova jornada !
0
Please log in to post a comment
Log in with GitHub
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord