need to adjust the rectangle

[Sahardi]

• DEMO LINK
• TEST REPORT LINK

[mateacademy-ai-mentor]

Thank you for your hard work on this project! However, there are a few critical issues that need to be addressed before we can approve the pull request. 🚀

1. HTML Structure: The use of <ul> elements is incorrect for navigation. You should use <li> elements within a <ul> or <nav> and wrap the text in <a> tags with href attributes for proper navigation structure.

2. Font Loading: The @font-face rule in your CSS is pointing to a Google Fonts page URL instead of a valid font file URL. Make sure to use the correct URL format provided by Google Fonts to ensure the Roboto font loads correctly.

3. HTML Semantics: The <div> element with a src attribute is invalid. If you need to display an image, use an <img> tag instead.

These issues affect the core functionality and requirements of the task. Once these are resolved, your code will be much closer to meeting the task requirements. Keep up the great work, and don't hesitate to reach out if you need further assistance! 😊

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

🔄 Fix the issues, commit the changes, and then re-request my review using the Re-request review button in the Reviewers tab.

[mateacademy-ai-mentor]

The <div> element should not have a src attribute. If you intend to display an image, use an <img> tag instead.

[mateacademy-ai-mentor]

The <ul> element is incorrectly used here. If you intend to create a navigation link, consider using an <li> element within a <ul> or <nav> and wrap the text in an <a> tag with the href attribute.

[mateacademy-ai-mentor]

Similar to the previous comment, the <ul> element is not appropriate here. Use an <li> element within a <ul> or <nav> and wrap the text in an <a> tag.

[mateacademy-ai-mentor]

The <ul> element is incorrectly used for navigation. Replace it with an <li> element and wrap the text in an <a> tag.

[mateacademy-ai-mentor]

The <ul> element should be replaced with an <li> element for navigation purposes, and the text should be wrapped in an <a> tag.

[mateacademy-ai-mentor]

Replace the <ul> element with an <li> element and wrap the text in an <a> tag for proper navigation structure.

[mateacademy-ai-mentor]

The <ul> element is not suitable here. Use an <li> element and wrap the text in an <a> tag for navigation.

[mateacademy-ai-mentor]

Replace the <ul> element with an <li> element and wrap the text in an <a> tag for proper navigation.

[mateacademy-ai-mentor]

The <ul> element should be replaced with an <li> element, and the text should be wrapped in an <a> tag for navigation.

[mateacademy-ai-mentor]

The src attribute in the @font-face rule should point to a valid font file URL, such as a .woff, .woff2, or similar file type, rather than a Google Fonts page URL. Consider using the correct URL format provided by Google Fonts for embedding fonts.