Blog Preview Card Solution

Community feedback

• 

  Daniel 🛸•44,310

  @danielmrz-devPosted 11 months ago

  Hello Michael!

  Your solution looks excellent!

  I have just one suggestion:

  • Use only main for the main content in this case. The tag article would make more sense if the card was part of a bigger website (it certainly would in real world), but here it's all we have on the screen.

  Other than that, you did an excellent job!

  I hope it helps!

  Marked as helpful

  0

  ---

  

  Michael Reyes•340

  @michaelr47Posted 11 months ago

  @danielmrz-dev thanks for the suggestion!

  0
• 

  Marcos Travaglini•4,840

  @BlackpachamamePosted 11 months ago

  ¡Saludos Michael! has hecho un gran trabajo, el diseño se ve idéntico.

  Puedo sugerirte que, para centrar el contenido lo hagas directamente desde el body y elimines ese main dejando solo el article y el footer (attribution)

  body {
      background-color: var(--yellow);
      min-height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      gap: 20px;
  }
  

  También puedes agregarle el atributo alt a las imágenes con una breve descripción por temas de accesibilidad. El resto esta correctísimo 😎

  Marked as helpful

  0

  ---

  

  Michael Reyes•340

  @michaelr47Posted 11 months ago

  @Blackpachamame Muchas gracias!

  1