Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

training my css skills

@BregueNice

Desktop design screenshot for the NFT preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

P. Ricardo 2,370

@pRicard0

Posted

Belo projeto, serião, ficou muito bom.

Só vou dar algumas dicas que não afetarão o design mas é bom que você tenha em mente.

  • Crie o hábito de colocar algum texto explicativo no atributo alt das imagens para ajudar na acessibilidade.
  • Ao invés de usar div para criar uma linha, usa hr que significa horizontal rule que é basicamente uma tag especifica para ser uma linha.
  • No HTML tu digitou uma div com a classe "oadding" ao invés de "padding" como estava no styles.css

Não tem muito o que eu possa dizer do design não, tá perfeito.

Marked as helpful

0

@BregueNice

Posted

@pRicard0 eae meu mano, tranquilo? Brigadão pelo feedback, vou me atentar mais, eu ja tinha usado HR outras vezes mas não sei se tem como estilizar ela, ai acabei largando de mão, sabes dizer se tem como estilizar um HR? Vou me atentar mais aos outros detalhes, obrigado de verdade pela força!! Abraço!!

0
P. Ricardo 2,370

@pRicard0

Posted

@BregueNice Sim, tem como. Alterar cor, tamanho, tudo. Quando você aprender vai ser bem útil. Única coisa que tem que se atentar é não botar borda 1px. Porque como é uma linha, vai somar o top e o bottom e vai dar 2px. Você tem que fazer sumir as bordas e aplicar 1px ou no top ou no bottom.

Se olhar meu projeto eu fiz com hr. Eu dei border none e mudei a cor de fundo e botei height 1px

Marked as helpful

0

@BregueNice

Posted

@pRicard0 entendi, vou dar uma olhada, muito obrigado!!

0

Please log in to post a comment

Log in with GitHub
Discord logo

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