Solution using CSS Flexbox

Community feedback

• 

  Daniel 🛸•44,250

  @danielmrz-devPosted 9 months ago

  Hello @wojtekbrejnak!

  Your solution looks excelent!

  📌 Consider this tweak for your HTML code:

  • To improve semantic clarity, opt for <h1> over <div> for your main title.

  📌 Think of <div> and <span> in HTML like plain boxes or placeholders. They're handy for holding content, but they don't tell us anything about what's inside or what it's meant for on the webpage.

  It's more than just text size — it's about structuring your content effectively:

  • <h1> to <h6> are used to define HTML headings, with <h1> being the most significant.

  While these adjustments might not alter the visual appearance much, they significantly enhance semantic clarity, SEO optimization, and accessibility.

  Hope this suggestion proves helpful! Keep up the great work!

  Marked as helpful

  0

  ---

  

  P

  Wojtek Brejnak•110

  @wojtekbrejnakPosted 9 months ago

  Hello @danielmrz-dev,

  I sincerely appreciate your thoughtful feedback, and I want to express my gratitude for your tweak suggestion. It’s easy to overlook semantic clarity in small projects, I will remember that it is always important, no matter the project size. As a result, I’ve made the adjustments: I replaced the div .title with an <h1> tag and the div .info text with a <p> tag to enhance the overall structure.

  Thank you once again for your input! 🙏Keep up the great work with helping others!

  1