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

Profile Card Component using CSS grids, flexbox, and semantic HTML5

Filippo 375

@Filippo-B

Desktop design screenshot for the Profile card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I've used the <article> tag for the card. I was wondering if it would be correct to use the tags <header>, <main> and <footer> for the top, middle and bottom part instead of <div>.

Community feedback

dewslyse 3,025

@dewslyse

Posted

Hello Filippo!

Nice job on you submission. It is well done 👍

You can use header for the top part and footer for the bottom part. However, the main tag cannot have an <article> as its parent.

Marked as helpful

1

Filippo 375

@Filippo-B

Posted

@dewslyse It makes sense. Thank you!

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