
Submitted over 3 years ago
this might be a MASTERPIECE (must see on mobile, tablet and laptop)
@daniel-hennig
Design comparison
SolutionDesign
Solution retrospective
- SEMANTIC html5, css3/ scss, vanillaJS
- customized svg images/ codes
- smooth transitions on nav-menu, tab-menu/ slider and accordion (faq)
- hamburger-menu animation (as always)
- almost pixel perfect (I used the design images, not the desig files for PRO members, yet)
- clean and efficient code
This challenge was a bit tricky though, because some of the provided images didn't have the blue background shapes as they have in the design images - so that I had to create the shapes by myself with Adobe XD (I edited svg images with XD the first time).
After all, I tried my best best and I highly appreciate any feedback/ suggestions. You can be as harsh as you like on me. What do you like the most? What can I improve? I want to go moon with my skills, so that I can help others better, too:)
Community feedback
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