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

Possible solution of blog preview card challenge

breno 20

@brenog4briel

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


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

@techyjc

Posted

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

@brenog4briel

Posted

@techyjc thank you for the feedback!

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