Submitted 25 days ago

Blog preview card with HTML and CSS

Juan Morales Ruiz• 30

@juanmoruiz

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Blog preview card

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

El uso del CSS y creo que para una siguiente ocasión haría el responsive.

What challenges did you encounter, and how did you overcome them?

EL CSS y lo superé intentando

What specific areas of your project would you like help with?

En el responsive

Community feedback

Vasu Vallabh• 190

@coding-vasu

Posted 22 days ago

✅ Overall, the project looks nice!

Interactive States
- Hover, Focus, and Active states are missing
- Refer to the Figma file for the correct implementation of these states
HTML Structure
- Use semantic HTML elements, particularly the <main> tag for the primary content
Accessibility
- Implement tabIndex to improve keyboard navigation and accessibility
Responsive Design
- The site is not responsive on smaller screens
- Ensure the layout adapts well to various screen sizes, especially mobile devices

Please log in to post a comment

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord