Skip to content
Submitted over 3 years ago

CSS Grid, CSS3 Animations, Flexbox, Custom properties

Sigma•240
@TrashAlphonse
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Agency landing page
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

It was a colorful challenge :) Here're some great resources I used:

  • Animation on scroll: https://webdesign.tutsplus.com/tutorials/animate-on-scroll-with-javascript--cms-36671
  • Responsive images 2021: https://www.industrialempathy.com/posts/image-optimizations/
  • Custom scrollbar: https://www.w3schools.com/howto/howto_css_custom_scrollbar.asp
  • CSS Grid: https://gridbyexample.com/examples/

Community feedback

  • Yunus Ujjaini•565
    @yunus-ujjainiPosted over 3 years ago

    Great work on this challenge. ✨

    Beautiful animations, I submitted solution to this challenge today and on suprise I found 'up and down' arrow animation that you have added is the same animation I have implemented as well.

    You can probably work on getting that arrow halfway over the orange(image). Apart from that everything looks perfect.

    Marked as helpful
    0

Please log in to post a comment

Log in with GitHub

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