Skip to content
Submitted 10 months ago

Mobile first solution

Fidelisuzomaā€¢380
@UzomaFidelis
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

Just learned SCSS and this is my first time using it. Please let me know if I'm using it right or if I can improve something. Thanks

Community feedback

  • Marcos Travagliniā€¢4,840
    @BlackpachamamePosted 10 months ago

    Greetings! you have done a great job šŸ˜Ž

    šŸ“Œ Some accessibility and semantics recommendations for your HTML

    • The illustration image is part of the content, it should not be a background
    • The "Learning" text is poorly structured semantically. It should be a span inside a p and not the other way around. Although in this case, it was enough to add a class to said paragraph
    • For your <p>Published 21 Dec 2023</p> you can use the time tag: <p>Published <time datetime="2023-12-21">21 Dec 2023</time></p>. More info
    Marked as helpful
    0
    Fidelisuzomaā€¢380
    @UzomaFidelisPosted 10 months ago

    Thanks for taking the time to check my solution. I will correct these as soon as possible. @Blackpachamame

    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