Design comparison
Solution retrospective
Please review the code and give feedback!!
Community feedback
- @VCaramesPosted about 1 year ago
Hey there! 👋 Unfortunately, there are a lot of mistakes been that I would not expect at this challenge level.
I noticed that you are not receiving feedback in your previous challenges, In that case I would recommend reading the feedback others receive to improve all your previous challenges.
Here are some suggestions to help improve your code:
- The
header
should always be outside⚠️ of themain
element to make semantic sense.
- Swap
<section class="banner-section">
with aheader
element and<header class="header container">
into adiv
.
- The logo's
anchor
should have anaria-label
⚠️ and it should state the company's logo name and where it leads to.
- There is NO❌ reason to have code for two separate navigation menus. There should only be one and you will CSS to style it for different layouts.
- The navigation "button" has to be a built using a
button
⚠️ since it doing an action (open/close menu); Currently, it is not accessible.
-
Text should not be all uppercase
<h1 class="hero-h1">IMMERSIVE EXPERIENCES THAT DELIVER</h1>
as it is not screenreader friendly😢, instead use CSS to do so. -
The
button
s in the creation portion should beanchor
⚠️ elements, as they would most likely direct users to other parts of your site.
- Skipping
heading
levels is something that is not allowed❌ in web dev. In your case, you can't jump fromh2
toh4
.
If you have any questions or need further clarification, feel free to reach out to me.
Happy Coding! 👾
Marked as helpful0 - The
- @MIBENINPosted about 1 year ago
Thank you for your valuable feedback! I will surely make use of these suggestions while doing upcoming challenges..Please evaluate my previous challenges also.It will be very helpful for me to learn from my mistakes..
0
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