- The better use of position property of CSS, and how powerful it is if combined with other properties like z-index and transform.
- Better understanding of the GSAP library and what CSS affects its behavior
- SVG handling
- The biggest problem was adjusting the video section, adding appropriate paddings and margin so that the video covers the whole screen (100vh, 100vw) while the upper portion is not cut out.
- Adjusting the SVGs, as I wanted to make it as close to the original as possible.
- The same problem with Broadwick Live clone that I made, I dunno how to do smooth scroll with GSAP, and if I use any other known way (like using CSS or any external packages), then the whole CSS breaks down. If anyone has any solution regarding this, please tell me.
- I also wanted to make it responsive, and since I didn't use anything except GSAP so I thought it would be easier. But SVG animations are a little bit tricky, and since my goal here was to just see if I can develop this, so I probably won't be doing this.