
Design comparison
Community feedback
- @bhuvi819381Posted 3 months ago
Code Review Feedback
Hello,
I reviewed your solution, and it looks good! Here are a few suggestions to improve it further:
-
🏷️ Use semantic tags
Replace generic<div>
tags with semantic ones like<header>
,<main>
,<section>
, and<footer>
for better structure and accessibility. -
📚 Organize content with
<section>
tags
Group related content using<section>
to make your HTML more readable and meaningful. -
🖼️ Add
alt
attributes to images
Always provide meaningfulalt
text for images. If the image is purely decorative, leaving thealt
attribute blank is fine. -
🔧 Handle form validation in JavaScript
Add logic in your JavaScript to check if the form fields are empty before allowing the user to submit. Currently, it doesn’t validate if the form is incomplete. -
🌟 Try the Pixel Perfect extension
Use the Chrome extension "Pixel Perfect" by WellDone to fine-tune your design and make it pixel-perfect. 😁
These suggestions will help improve your project’s quality and user experience. Keep up the great work! 👏
Best regards,
A Frontend FriendMarked as helpful0@manarboooPosted 2 months ago@bhuvi819381 Hey there ! Thank yoy so much for taking the time to review my code i'll take it in consideration . Note : I visited Your profile and all of your projects are really amazing and well coded it's a pleasure to take notes from you.
1@bhuvi819381Posted 2 months ago@manarbooo thank you but if i say i made a lot of mistakes in those projects and i don't even fix those because i'm lazy. Now i think i've to fix my own mistakes
those comments are based on my experience. i don't want someone else do that same mistake.
Thank you 😁
Marked as helpful0 -
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord