add task solution

[andrushchenkoo]

• DEMO LINK
• TEST REPORT LINK

[mateacademy-ai-mentor]

Great job on your HTML code! It's well formatted and follows best practices. You've used classes consistently and correctly. Just a couple of minor notes for the future: try to avoid using tag names for styling and apply the box-sizing property to all elements, not just the body tag. Keep up the good work! 👍

✨ Please rate this review in the Platform's notification center. I will be grateful for your feedback! ✨

[mateacademy-ai-mentor]

You should avoid using the box-sizing property on the body tag. This property should be applied to all elements on the page. This is done to ensure that the padding and border of an element no longer increase its width. You can do this by using the * selector, but remember, it's not recommended to use * selector for other styles. Here is how you can do it: css
*, *::before, *::after {
box-sizing: border-box;
}

[mateacademy-ai-mentor]

It's not recommended to use tag names for styling (except html and body). However, in this case, it's acceptable because you're setting a global style. Still, be mindful of this rule for other elements.