Blog preview card using CSS

Community feedback

• 

  Jyoti-shinde-coder•60

  @Jyoti-shinde-coder

  Posted 4 months ago

  The solution effectively uses semantic HTML, but replacing excessive <div> or <span> with proper tags can improve clarity and SEO. Accessibility can be enhanced by ensuring keyboard navigation, adding ARIA attributes, alt text for images, and maintaining good color contrast. The layout is responsive, but testing on different devices and refining image and text scaling can improve it further. Using CSS Grid/Flexbox helps with alignment. The code should be modular, well-commented, and follow best practices like DRY. Keeping styles and logic organized improves readability. Lastly, refining spacing, fonts, and alignment ensures the design closely matches the original. Overall, it’s a solid solution with minor improvements needed in accessibility, responsiveness, and structure.

  11

  Marked as helpful
• 

  P

  mswirydowicz•40

  @mswirydowicz

  Posted 4 months ago

  Hey!

  Your image is too large. Look at project.

  You haven't got <main>.

  Why you touch img in div?

  01