Skip to content
Submitted 10 months ago

Possible solution of blog preview card challenge

breno•20
@brenog4briel
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

Does the way I structured index.html make any sense? Does the way I structured style.css make any sense? Is the way I used media queries correct?

Community feedback

  • John Carruthers•310
    @techyjcPosted 10 months ago

    Nice work. The structure of the HTML will often reflect the complexity of the design and the connected styling. This also impacts responsiveness.

    If you’re asking in relation to the semantics of your HTML, then there are specific elements you use depending on content. Main is the content container which I don’t think you’ve used. I noticed a section container but I believe this needs a role attribute to be understood by screen readers.

    Then there is the header, footer, article elements which have specific uses. I’ve only just become aware that the H1 tag should only be used once in a page.

    Anyway I’ll stop rambling on..🤣 Again, great work!👏

    Marked as helpful
    1
    breno•20
    @brenog4brielPosted 10 months ago

    @techyjc thank you for the feedback!

    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