Responsive landing page (CSS flexbox, CSS grid, vanilla JS, Gulp)
Solution retrospective
I tried hard on this challenge. It took me hours to configure Gulp for the first time. I also used CSS Grid for the first time (only in the footer, though) and made it work in IE 11. But the most challenging thing to me was to position background images.
Feedback is welcome and appreciated :)
Please log in to post a comment
Log in with GitHubCommunity feedback
- @rarysson
It looks perfect. You really put a great effort on this. Congrats for the final result.
- @whimsicurl-creations
Excellent job, Ksenia! This looks practically pixel perfect in your screenshot (something I have yet to achieve!). It scales well across screen sizes and has nice hover effects. I have yet to tackle this challenge, but I am bookmarking your solution as a guide when I feel up to tackling it. I would recommend trying to correct the accessibility issues to make it completely polished.
- @adarshcodes
Hi! @Ksenia, It's just wow. This is nearly perfect. You did amazing work on this challenge. Everything works so well like responsiveness, layout, and image slider. Would you like to share the ideas on how to do this perfectly??? I would love to hear it. And just a small suggestion, solve the Accessibility issues.
- @alex-kim-dev
Great work! The design, how the css is organized - it's just awesome!
I noticed i can't swipe the testimonials card again if the previous animation is not ended.
Looking forward to your next solutions.
- @mattstuddert
Awesome work on this challenge, Ksenia! You nailed the design again! 💯
Keep up the great work! 🙂
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