@malek-bt
Posted
Hey !, how are you ? I really liked the result of your project, but I have some tips that I think you will enjoy:
*Move the class container to the <main> tag to fix the accessibility issue.
*Replace the <div > tag width <section > and <article> and remove the attribution class from <div> and make it in the <footer>for semantic page.You can read more about semantic here: HTML Semantic Elements.
*Instead of using pixels in font size, use relative units of measure like rem or em. The font size in absolute length units (px) does not allow users with limited vision to change the text size in some browsers.
*The color of <h3> should be color: hsl(218, 44%, 22%);
The rest is good, I hope those tips will help you! 👍
Marked as helpful
@judziz
Posted
@malek-bt Thanks for the feedback. Much appreciate it! I will review it step by step.
Regarding units, i am still learning how to create it to be responsive. Once i master it, i will return to refactor the code. Anyway, thanks again for reviewing my solution and providing me some tips :)