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

Case Solved using Tailwind

Yusuf 90

@yusufskebbe

Desktop design screenshot for the Blog preview card coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

raya 2,850

@rayaatta

Posted

Hi Yusuf,nice solution,I only have one suggestionthough. Every html document should have a main tag that encloses the main page contents change <div class=" card-container max-w-sm mx-auto text-left bg-white rounded-3xl h-fit "> To <main class=" card-container max-w-sm mx-auto text-left bg-white rounded-3xl h-fit "> This will change nothing visually but it makes all the difference. You can learn more about the main tag in this

article📰

Another article you might find useful is Semantic html📑.

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