Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Sunnyside agency landing page using scss

Dineshβ€’ 1,115

@Dinesh1042

Desktop design screenshot for the Sunnyside agency landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Feedback are requested😍

Community feedback

P
ApplePieGiraffeβ€’ 30,545

@ApplePieGiraffe

Posted

Hello, Dinesh! πŸ‘‹

Amazing work on this challenge! πŸ‘ Your solution looks great and responds very nicely! πŸ‘ I really like the spinning on-scroll animation that you added to the image of the orange in the hero section of the page! 🀩 I hope you had fun building this challenge (your solution makes me want to complete it, too)! πŸ˜€

The only thing I suggest is taking a look at your solution report and trying to clear up some of the errors that are there in order to make your solution more accessible. πŸ˜‰

Keep coding (and happy coding, too)! 😁

1

Dineshβ€’ 1,115

@Dinesh1042

Posted

@ApplePieGiraffe Thanks for your feedback. I will try to fix the bug and make it more accessible for users. and This is a great challenge give a shot on this. I am eager to see your solution.😍

Happy Coding!πŸ’ͺ

0
P
Patrickβ€’ 14,325

@palgramming

Posted

Pretty stunning solution I really liked the animation on the top header orange. I am not a big fan of animation but the spinning and moving orange was totally 🌟🌟🌟🌟🌟

the only thing I saw was maybe a hover color change on your mobile nav menu or a yellow underline or something and not just the cursor change

1

kamzozoβ€’ 15

@kamzozo

Posted

wow you are goals!!, creativity with the animation is something I would like to learn. Keep up the good code

1
Dineshβ€’ 1,115

@Dinesh1042

Posted

@palgramming Thanks, I will fix the hover state of the nav soon. Happy CodingπŸ’ͺ

0
Dineshβ€’ 1,115

@Dinesh1042

Posted

@kamzozo Thanks for your feedback. πŸ’ͺ

0
Rizwan Mustafaβ€’ 155

@rizwanmustafa

Posted

Wow! I am truly impressed by your solution. Everything is great! I just want to ask one thing: How do you manage to make the exact copy of the design?!

1

Dineshβ€’ 1,115

@Dinesh1042

Posted

@rizwanmustafa Thanks. there are some online tools out there. I have used pixel-perfect chrome extension

1

Please log in to post a comment

Log in with GitHub
Discord logo

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