Skip to content
Submitted about 1 month ago

Blog Preview Card Challenge

SEBAANA YUSUF SALIM•60
@salehjoseph
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 got chance interracting with Tailwind which I had never used before and trust me my first time trying it out has given me positve results

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

Basically I had a challenge of using the terminal to host the project on github, I googled till i found the right way of going about it and am hoping to improve as time goes on GOD willingly.

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

as for this project nothing

Community feedback

  • Adriano•38,350
    @AdrianoEscarabotePosted about 1 month ago

    Hi SEBAANA YUSUF SALIM, hope you're doing well! I loved how your project turned out, but I’ve got a few suggestions that could be useful:

    We have to make sure that all the content is contained in a reference region, designated with HTML5 reference elements.

    native HTML5 reference elements:

    <body>
    <header>This is the header</header>
    <nav>This is the nav</nav>
    <main>This is the main</main>
    <footer>This is the footer</footer>
</body>

    Since this project is only based on a single page component, there is no need for a h1 tag. It's always a good idea to prevent accessibility errors, so I believe it would be beneficial for you to add a "h1" in this component. Don't worry if you forget about "h1," though; it's a good practice for when you are developing larger sites.

    <h1>HTML & CSS foundations</h1>

    The rest is fantastic.

    Hopefully, you'll find it helpful. 👍

    Marked as helpful
    0
    SEBAANA YUSUF SALIM•60
    @salehjosephPosted about 1 month ago

    Hi @AdrianoEscarabote ,

    Thank you so much for your kind words and for taking the time to review my project! 😊 I really appreciate your thoughtful feedback and the suggestions you provided.

    I see what you're saying about using native HTML5 reference elements to structure the content more effectively. I’ll definitely implement that into the project to keep it more semantically correct.

    Regarding the <h1> tag, I completely agree with you. It’s important to maintain accessibility standards even in single-page components, and I’ll be sure to include it going forward. Thanks for pointing that out!

    I’m always looking to improve, so I’m really grateful for your insights. If you have any more suggestions or if you'd like to collaborate on any future projects, I’d love to hear from you!

    Looking forward to staying connected!

    Best regards, Sebaana Yusuf

    1
    Adriano•38,350
    @AdrianoEscarabotePosted about 1 month ago

    @salehjoseph No problem, you did a great job, looking forward to seeing more challenges !!

    0
    SEBAANA YUSUF SALIM•60
    @salehjosephPosted about 1 month ago

    Hey @AdrianoEscarabote, Thank you so much for the encouragement! 😊 I really appreciate it. I’m definitely excited to take on more challenges and improve with each one. Looking forward to staying connected and seeing your awesome work as well!

    1
  • geomydas•1,440
    @geomydasPosted about 1 month ago

    Use TailwindCSS consitently and use their arbitrary values instead of adding another class and styling it it in the style tag. Check their docs

    Marked as helpful
    0

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