Design comparison
Solution retrospective
Made with:
- HTML 🦴
- SCSS 🖌️
- JS 🤖
- mobile-first approach 📲📲
- luxon, jQuery, GSAP libraries used in the development 📗📗
- autoprefixer for browser compatibility 🧭
- minified files for better performance 🚀
If you notice any bugs or have suggestions you know what to do 👇👇
Community feedback
- @Code-BeakerPosted 5 months ago
On the Brave browser, I had to disable the shields to properly see the site 😅 With the shields on, it's just a blank page. That's all.
You've done a great work on this one!
Marked as helpful1@kodan96Posted 5 months ago@Code-Beaker
it's the same for all browsers, because I didn't include shielding softwares into the error handling, so the page just won't load. it's because I used an IP tracker API for geolocating, and these gets banned by these softwares.
but thanks for the compliment tho 🙌
1 - @youssefbnosamaPosted 5 months ago
Spectacular !!... There is a small bug... it doesn't update data immediatly i think you use React or something else use useEffect hook to handle it !! and the size isn't appropriate for laptop the show-more button isn't visible I'm learning react can we text eachothers cuz i want friends to develop my coding skills
0 - @ZHADOW999Posted 5 months ago
this is really cool but i found a bug, i could not view the entire web page, it like you put an overflow:hidden; or something
0@kodan96Posted 5 months ago@ZHADOW999
did you open it with landscape orientation on your phone?
0@kodan96Posted 5 months ago@ZHADOW999
then I have no idea what's wrong with it. I built it in Chrome and opened it in Edge and Opera on desktop and in Safari and Opera mobile version on my phone. It worked fine everywhere, except landscape orientation on phone.
If you see a full white page turn off your ad-blocker or shield software, because I used an IP tracker API, so the data fetch gets declined if you have any extensions like that activated.
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