NFT Preview

Community feedback

• 

  P. Ricardo•2,370

  @pRicard0Posted about 1 year ago

  • Você pode usar a tag <hr> ao invés da div com a classe line, significa horizontal rule. É uma tag especifica para criar essas linhas. Ao invés de adicionar border: 1px ( a borda vai somar 1px do top e 1px do bottom e vai parecer ficar mais grossa ) adicione para um lado só usando border-top ou border-bottom.
  • Você não pode usar o atributo alt das imagens quando a imagem é meramente ilustrativa. É recomendado que adicione o atributo aria-hidden="true" para impedir que essas imagens possam ser lidas por leitores de telas.

  Marked as helpful

  1

  ---

  

  Lucas Merino•150

  @lucas-merino-devPosted about 1 year ago

  Pode crer!

  Essa div eu criei no improviso pra testar e acabei gostando do resultado kkk mas vou arrumar em nome da semântica.

  Valeu Ricardo!

  0
• 

  Sahil Gill•320

  @SahilGill003Posted about 1 year ago

  You have used content property for displaying the view icon thats why you cannot change the dimension of image instead use pseudo element (after or before) with position absolute or you can use another div inside nft div. I am using pseudo element for this one feel free to try the other one on your own.

  // when hovering over image css will be applied to after pseudoelement
  .image:hover::after {
    background: aqua;
    content: "";
    position: absolute; 
    width: 100%;
    height: 100%;
    left: 0;
    background-image: url('./images/icon-view.svg');
    background-size: 100px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgba(0%,100%,100%,0.5);
    cursor: pointer;
  }
  

  Marked as helpful

  1

  ---

  

  Lucas Merino•150

  @lucas-merino-devPosted about 1 year ago

  Oooh, now I see!

  Thank you very much!

  I’m not very used to pseudoelements, imma check it out.

  1