Loop Studios landing page using HTML, CSS and a bit of JavaScript.
Design comparison
Solution retrospective
This is my first time attempting the Frontend Mentor challenges. I'd appreciate feedbacks on the responsiveness of the page after review of the source code. I used HTML, CSS and JavaScript to complete the challenge. No frameworks. I included the live site URL, and that of the GitHub repo. Thank you!
Community feedback
- @Pharm-ackPosted about 4 years ago
Good job bro You from 9ja?
2@uzowayPosted about 4 years ago@Pharm-ack Thank you! Yeah, I'm from 9ja. You're too, right?
0@uzowayPosted about 4 years ago@Pharm-ack Abuja at the moment, but I'll be moving to Anambra soon.
0 - @grace-snowPosted about 4 years ago
Hi, There are some issues with your mobile layout at the moment, I'll drop some screetshots in the slack channel for you so you can see what I'm seeing.
A few bits need moving closer to the design I think. For example, darker overlay on images to make writing clearer, and some font sizes very small.
Looking at your html you need to address semantic structure. For example,
- there should only ever be one h1 per page,
- headings need to go in order,
- alt text on images inside links need to say where those links are going,
- alt text on a logo image needs to say the name of the site/product
- and interactive elements like nav toggle need to be a button
Lastly, I would suggest you lose your duplicate nav and instead use css to change the style of the existing nav elements between mobile and desktop.
I hope all this is helpful
1@uzowayPosted about 4 years ago@grace-snow I just finished addressing 90% if not all of the issues you pointed out. Deployed the update to the live URL. Thank you for taking out time to review and give feedback.
0
Please log in to post a comment
Log in with GitHub
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