Blog preview card

Community feedback

• 

  Marcos Travaglini•4,840

  @BlackpachamamePosted 11 months ago

  Greetings! you have done a great job 😎

  📌 Some accessibility and semantics recommendations for your HTML

  • To improve the semantics of your HTML, you can change your <div class="card"> to a <main class="card">
  • You can apply display: block to the image to remove the white space generated underneath. Although visually in this case it is irrelevant, it helps you better calculate the space with other elements
  • The img of the banner does not occupy the corresponding width because you applied a height: 100%. To fix it, you can leave the height: auto, add max-width: 100%. Next, remove the height and width from your thumbnail class
  • For some reason the font you are calling is not applied and gives an error

  0

  ---

  

  Lucas Fernando•760

  @lucasfernandodevPosted 11 months ago

  @Blackpachamame "Thank you very much for the feedback; the positioning of the thumbnail image really locked me up. The font path is incorrect, so it's not working."

  1