Skip to content
Submitted over 1 year ago

Mobile first design using React and CSS modules

Florian Stăncioiu•610
@florianstancioiu
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Manage landing page
  • HTML
  • CSS
  • JS
3intermediate

Design comparison

SolutionDesign

Solution retrospective

Hi there,

I wanted to write some CSS and HTML for fun and this is the result. I know that the testimonials section should've been a slider but implementing it would've taken more time than I planned to spend on this challenge.

The one thing I learned while working on this project is that the background image CSS property can take multiple images followed by commas.

I plan on revisiting this project and adding scroll animations.

Florian

Community feedback

  • Florian Stăncioiu•610
    @florianstancioiuPosted over 1 year ago

    Hi there,

    As I mentioned in the solution description, I revisited the challenge and updated the github repo with scroll triggered animations. I followed David Omotayo's article on LogRocket.com about Framer Motion. In that article, he suggest using a different library for detecting if an element is in viewport, I didn't went down that path, I realized that Framer Motion has it's own built-in useInView hook that does the same thing as the library he suggested, and in the end, I used only Framer Motion.

    That's all, Florian

    1

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