
Design comparison
Solution retrospective
I m not sure if it's working on phone, i have try with modzilla adaptative view, that ok, but on my phone, nothing..
Community feedback
- @amulyalovescodingPosted over 2 years ago
Hello @Exileurt, Congratulations on completing this challenge! I really liked the result of your project, but I have some tips that I like to share:
1- Every page should have one main landmark <main>. So replace the div that wraps the whole content with <main> to improve the accessibility. click here
2- Images must have alternate text
Context:
<img src="images/icon-cart.svg" id="cart">
click hereAlso its not mobile responsive. You can go through my solution if you like click here
✌️ I hope this helps you. Happy Coding.
Marked as helpful1 - @MaxiTRRPosted over 2 years ago
Hi @Exileurt! Congratulations for this challenge! I have a tipo for you: try to place this in your body css:
body { display:flex; justify-content:center; align-items:center; flex-direction:column; }
This will center the whole card to the center of the screen, so yo dont have to use any margins of any kind to do it.
Marked as helpful0 - @correlucasPosted over 2 years ago
👾Hello @Exileurt, Congratulations on completing this challenge!
Unfortunately your live site is not previewing, due an error with the Github Pages I don’t recommend it since it's too hard to set up.
If you really want to use Github Pages you can try to follow this guide to use it and fix the settings for your page
https://docs.github.com/en/pages/quickstart
.My suggestion it that you use
vercel.com
ornetlify.com
that are really easier platforms for live sets and totally user-friendly, in a matter of 5min your live site is online. All you need to do is to connect the Github account, import the repository and deploy it. Really fast.The easy one isVercel
and is the one I use for my solution.Fixing that you've to update the solution with the new link and we'll be able to see your live site and help you.
✌️ I hope this helps you and happy coding!
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