Completing the challenge.
What challenges did you encounter, and how did you overcome them?I don't think there was anything that was hard to overcome.
What specific areas of your project would you like help with?All feedback welcome.
Completing the challenge.
What challenges did you encounter, and how did you overcome them?I don't think there was anything that was hard to overcome.
What specific areas of your project would you like help with?All feedback welcome.
Hi there 👋. Good job on completing the challenge ! I have some feedback for you if you want to improve your code.
HTML
Use the <main>
tag to wrap all the main content of the page instead of the <div> tag. With this semantic element you can improve the accessibility of your page.
Use the <footer>
tag to wrap the footer of the page instead of the <div class="col-span-1 md:col-span-3 md:flex md:mt-0 md:space-x-6 mt-8 mx-auto">
. The <footer>
element contains information about the author of the page, the copyright, and other legal information.
It's best to have only one <h1>
per page, as it simplifies and tells Google your main topic and it help screen readers. For more info
You could use the <h1>
tag to indicate the heading of the page. Additionally, you can use a sr-only
class to your heading and this will help screen reader.
Example:
<h1 class="sr-only">3-column-preview-card-component-main</h1>
I hope you find it useful! 😄 Above all, the solution you submitted is great!
Happy coding!
Hey, legend-sabbir! 👋
Just wanted to say you did an excellent job on this challenge! 👏 Your solution looks good and responds very nicely! 👍
Your code looks great as well! 🙌
can you please tell me what tool you use to make pixel perfect design if you are not using Figma
Keep coding (and happy coding, too)! 😁