ReactJS with Axios for API fetching | Cool animations on mobile nav
Design comparison
Solution retrospective
Please check out my site, I worked hard on it lol.
--** FYI: The copy button doesn't work through FEM but somehow works everywhere else. Please help if you can **--
Community feedback
- @sirtralalaPosted over 4 years ago
Hi Diarrah,
I appreciate your solution, great job! I've completed the challenge myself and the one thing I couldn't do is to place the header image a little bit to the right so that it's cut off. My best attempt was to position it outside the screen width but this approach led to a horizontal scroll bar which I just couldn't get around. Though I've taken a look at your code I couldn't find out how you managed to position the image the way it is. Would be great if you could point out how you did it.
Thank you & best regards, Thomas
1@DiarrahPosted over 4 years ago@sirtralala The way to stop that horizontal scrollbar is to use "overflow-x: hidden". The way I did this solution was to put a 5% margin-left on the hero image so that the image is moved over a bit. That along with the overflow-x: hidden on the header section will solve your problem :)
0@sirtralalaPosted over 4 years ago@Diarrah Aah I see, didn't know about this attribute. I'll give it a try, thank you very much :)
1 - @kevvy206Posted over 4 years ago
I love the design, and the overall UI, UX are excellent. Really nice work! One thing I might mention is that the website seems to end rather suddenly. So, just another page/section might be a good addition, in my opinion. Perhaps press/reviews?
1 - @mattstuddertPosted over 4 years ago
Great work on this challenge, Diarrah! Your solution looks great and functions perfectly. The clipboard issue in the preview seems to be an issue on our end where we need to set some headers in the response to allow that functionality from an
iframe
.It hasn't been an issue before, so I'm wondering if something has changed in a Chrome update. I'll look into it. It's nothing that you've done though, so it's something I need to resolve 🙂
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