Skip to content
Submitted 4 months ago

Blog preview card

mofada•340
@mofada
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 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?

Questions

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
    @TheAashayPosted 4 months ago

    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•340
    @mofadaPosted 4 months ago

    @TheAashay I understand. Thanks.

    1

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