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

Blog preview card

mofada 310

@mofada

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


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

I learned how to use box-shadow in tailwindcss.

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

1. question 1 Which font did I use?

I found some fonts in assets/fonts folder. But I don't known which is best.

2. question 2 Is there a problem with the semantics of HTML?

I think I need to optimize the semantics, please help me

Community feedback

TheAashay 210

@TheAashay

Posted

For HTML semantics, wrap the main content of the HTML in the <main> tag which is more appropriate for the primary content of the page. Add <header> in the <article> to group the top-level information. You can use <h1> instead of <h2> as the page contains only one heading. Use <footer> for the author information outside the main component. Wrap the attribution text in <p> tag.

And your solution looks great. :)

Marked as helpful

1

mofada 310

@mofada

Posted

@TheAashay I understand. Thanks.

1

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