Responsive Landing Page w/ Section animations (React/SASS/GSAP)

Community feedback

• 

  lissajous-laser•320

  @lissajous-laserPosted about 2 years ago

  Great design, really like the gradual scaling you've done on the soft-blue background elements.

  I'm pretty new to responsive design as well, one thing I've done was use window.innerWidth like your Nav component, but I use it on my App component, store it with useState, and update it with useEffect. Then it can be passed to any child component that requires the current window width. It's most helpful when you need to change the component structure, but it also helps with programmatically adding classes to an element so that certain styles can be applied at a particular window width.

  Marked as helpful

  1

  ---

  

  Zach Flegle•130

  @zflegle3Posted about 2 years ago

  @lissajous-laser Thanks! Your solution looks great and almost identical to the design, awesome work too!

  That's a great way to use innerWidth. It definitely makes sense to save it once and pass it to child components. Thanks for the tip!

  1