Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Mobile first solution

Fidelisuzomaā€¢ 380

@UzomaFidelis

Desktop design screenshot for the Blog preview card coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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,920

@Blackpachamame

Posted

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

@UzomaFidelis

Posted

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
Discord logo

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