Skip to content
Submitted 4 months ago

blog preview card

Abdirahim Ali Mahamoud•380
@asad102
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Blog preview card
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

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

I am waiting feedback of the developer to rate my project

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

sizing is the challenge

Community feedback

  • João Rodrigues•70
    @joaotfrodriguesPosted 4 months ago

    Hi Abdirahim,

    First of all, great job on your project! I loved the use of Tailwind CSS, it makes your design clean and efficient.

    Your use of semantic HTML is excellent. However, instead of giving classes directly to the <body> tag, I would suggest creating a <main> element for better structure and organization.

    In the <article>, I would recommend creating a <header> for the image and a <footer> for the author details. This will improve the semantic structure of your content.

    One area that I think needs some change is the proportions. Since the challenge is FREE+, you can use the free Figma file to get the correct dimensions and ensure everything is well-proportioned.

    Overall, you’re doing a fantastic job! Keep up the great work and consider these adjustments to further enhance your project.

    Best regards,
    João Rodrigues

    Marked as helpful
    1

Please log in to post a comment

Log in with GitHub

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