Responsive Profile Card using HTML, CSS, and Flexbox

Community feedback

• 

  Daniel 🛸•44,310

  @danielmrz-devPosted 10 months ago

  Hello @yazizomar!

  Your solution looks great!

  I have a suggestion for improvement:

  • Use <main> to wrap the main content instead of <div>.

  📌 Tags like <div> and <span> are typical examples of non-semantic HTML elements. They serve only as content holders but give no indication as to what type of content they contain or what role that content plays on the page.

  This tag change does not impact your project visually and makes your HTML code more semantic, improving SEO optimization as well as the accessibility of your project.

  I hope it helps!

  Other than that, great job!

  Marked as helpful

  0

  ---

  

  Omar Ahmed•90

  @yazizomarPosted 10 months ago

  @danielmrz-dev Thank you for your positive feedback and helpful suggestion. I appreciate your insight on using <main> for better semantic HTML. It's a valuable improvement, and I'll definitely incorporate it for enhanced SEO and accessibility. If you have any more suggestions or questions, feel free to share!

  1