cartão de visualização usando FLEXBOX

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!

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 !