@rarysson
Posted
It looks perfect. You really put a great effort on this. Congrats for the final result.
@ksenius
Posted
@rarysson Thank you!
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 :)
@whimsicurl-creations
Posted
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.
@ksenius
Posted
@whimsicurl-creations Thank you for the feedback! I hope my solution will be helpful to you :)
@adarshcodes
Posted
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.
@ksenius
Posted
@adarshcodes Hi! Thanks for your feedback :)
My ideas are quite simple:
::before
positioned absolutely on the header and the second section (in my code it has class '.features'). Then I was playing around with top
, background-size
and background-position
properties until I got the satisfying result. Oh, and CSS calc() function was of much help.I hope this is what you wanted to hear. I also hope that everything is understandable, I'm learning English and am not fluent.
And yeah, I'm definitely going to solve the accessibility issues.
@whimsicurl-creations
Posted
Thanks, @ksenius, for sharing your approach and helpful tools. I'm going to check out that PerfectPixel extension to help improve my solutions. I've also had some trouble positioning pseudo-elements with ::before, but I'm learning and getting a bit better.
P.S. Your English is just fine - keep up the fantastic work!
@adarshcodes
Posted
@ksenius Thanks for sharing your ideas. And everything is understandable to me(nice description). And yes, your English is fine.
@alex-kim-dev
Posted
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
Posted
Awesome work on this challenge, Ksenia! You nailed the design again! 💯
Keep up the great work! 🙂
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