loopstudios-landing-page using html,css and js

Solution retrospective
Please review the code and give feedback!!
Please log in to post a comment
Log in with GitHubCommunity feedback
- Account deleted
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 helpful - The
- @MIBENIN
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..
Join 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