Officelite website | HTML, CSS, JS

Hello there!

This is my 1st challenge on Frontend Mentor and I really enjoyed it. I am pretty much satisfied with the final result.

Major challenge(s):

• The custom-styled select was a bit challenging. I used a list of radio button inputs to mimic the list of options and wired that with JavaScript to handle the events. While I this was a great opportunity to practice my JS skills, I still wonder if some of you have found a simpler approach for this feature.

Unsure of:

• When I validated the compiled css, I noticed that some of my sass variables went being output as well. I'm not sure if there is an issue with my breakpoint mixin or if it is because I recently switched from @import to @forward and @use in my .scss files. I'd be grateful if you could point out what I'm doing wrong here.
• The accessibility validation notified me of 3 contrast errors, I chose to ignore them and stick to the design. Would you have done same ?

Bonus features:

• The signup form shakes to display the invalid state and flips to display a success message when valid.
• I added some animations using GSAP and the ScrollTrigger plugin.

Your feedback would be much appreciated.

Thanks in advance. 🙏