@TedJenkler
Posted
Hi @NeonCodes,
Nice project! Here are a few suggestions:
For this project, an ideal structure would be to use <main> and <footer>. Set <main> as a flex container with flex-direction: column so that all elements stack on top of each other. This will help you remove unnecessary <div>s and incorrect semantics, such as <header>.
Consider this analogy for HTML and CSS: imagine HTML as Lego bricks and CSS as the color you apply to those bricks. Instead of changing the color by altering the brick itself, choose the right brick and then apply the appropriate color. It might sound like a silly analogy, but it can be helpful. The <h1> tag should be reserved for the most important content, like the page title. For this project, <h1> is not needed. Instead, use <h2> for main headings, and within <h2>, use <h3>, and so on, with <h4> for sub-sub-headings. This approach will greatly improve accessibility, SEO, and overall readability.
Keep up the great work!
Best, Teodor
Marked as helpful
@NeonCodes
Posted
@TedJenkler Hello,
Thank you for the feedback!
-So main
would be the "card" for instance?
-This analogy helps make it easier to understand: since I started rereading about landmarks and learn about accessibility it seemed a bit tricky at first.
Best as well!