Responsive product preview card

Community feedback

• 

  Adriano•38,390

  @AdrianoEscarabotePosted about 2 years ago

  Oi Bianca, Tudo bem?

  Gostei bastatnte do resultado do seu projeto, mas tenho algumas dicas que julgo que você vai gostar:

  • A responsividade do projeto ficou muito boa, mas para te ajudar e não precisar ficar criando muitos media queries, você pode adotar a prática de usar unidades de medidas relativas em resoluções menores, por exemplo: %.
  • Para melhorar a acessibilidade do projeto você poderia ter colocado um h1. Toda pagina deve conter um cabeçalho de nível 1, para pessoas que usam leitores de tela, identificar qual é o título principal.
  • Observei o código no github, e percebi que as imagens não estavam dentro de pastas, não é obrigatório, mas para deixar o seu portfólio mais organizado, prefira separar os arquivos em pastas. Por exemplo:

  uma pasta apenas com as images que foram utililzadas no desenvovimento do projeto. Outra pasta com as screenshots do pagina final.

  o resto está ótimo! parabéns

  Marked as helpful

  0

  ---

  

  Bianca•40

  @biancamarqueziPosted about 2 years ago

  @AdrianoEscarabote

  Oii! Muito obrigada pelas dicas. Vou tentar usar % no próximo projeto.

  Sobre as pastas no GitHub, quando eu to montando o projeto eu costumo organizar com uma pasta de images sim, mas ainda não descobri como fazer o upload de pastas no GitHub então acabo fazendo o upload das imagens fora da pasta :( Se puder me contar como faço pra colocar pasta no GitHub, agradeço muito!

  0

  

  Adriano•38,390

  @AdrianoEscarabotePosted about 2 years ago

  @biancamarquezi para adicionar uma pasta com imagens por exemplo, você pode fazer assim:

  git add images/

  todos os arquivos que tiverem dentro da pasta images, vai ir junto com ela!

  0