Blog Preview Card Solution - Flexbox, CSS Grid, and Accessibility

Community feedback

• 

  Adalbert Pungu•170

  @AdalbertPunguPosted about 2 months ago

  • Does the solution include semantic HTML?
    Yes, but some improvements can be made by replacing some div with semantic tags like <header> or <article>.

  • Is it accessible and what improvements could be made?
    Partially. More detailed image descriptions and ARIA tags could improve accessibility.

  • Does the layout display on different screen sizes?
    Not completely. Use relative units and media queries for better responsiveness.

  • Is the code well structured, readable and reusable?
    Yes, but styles can be better organized and reused, especially by avoiding fixed widths.

  • Does the solution differ significantly from the design?
    No, it remains faithful to the design, but could include more visual details such as transitions or animations.

  To finish the stylesheet.css file, it's best to put it in the assets/css/ folder to have a good project structure.

  Marked as helpful

  0

  ---

  

  Yukti Gupta•170

  @yMeerakiPosted about 2 months ago

  @AdalbertPungu

  Thank you for the feedback!

  I’ll make sure to implement the suggested improvements.

  0

  

  Adalbert Pungu•170

  @AdalbertPunguPosted about 2 months ago

  @yMeeraki You’re welcome

  0