NFT preview card component

Community feedback

• 

  Lucas 👾•104,400

  @correlucasPosted about 2 years ago

  👾Fala Murilo Pita, tudo bem? Parabéns pelo desafio!

  Para tornar sua solução ainda melhor e mais responsiva, você pode criar uma media query para quebrar os elementos na section dos preços/planos e colocar cada conteúdo em uma linha diferente, economizando espaço para dispositivos de baixa resolução.

  @media (max-width: 350px) {
  .status-info {
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-bottom: solid 1px var(--line);
      flex-direction: column;
  }
  

  O CSS padrão vem com um monte de comportamentos que deixam o código dificil de configurar, por exemplo, margens, imagens, animações e etc. Usando esse CSS RESET, você vai salvar um bom tempo usar esse arquivo que já reseta a maioria das coisas como margens, imagens, animações e etc. Vai salvar um bom tempo usar isso desde o começo: https://piccalil.li/blog/a-modern-css-reset/

  👋 Espero ter ajudado e continue no foco!

  Marked as helpful

  1

  ---

  

  Murilo Pita•60

  @murilopitaPosted about 2 years ago

  Obrigado @correlucas pelo feedback, já implementei essa 'media querie' no projeto e ficou bacana mesmo!! Quanto ao CSS reset, vou aderir nos próximos projetos, achei esse artigo do piccalil muito interessante! ;D

  1