All solutions

Still needs some work for very wide screens (32 inch monitors, etc.).

Used this nifty property for the image with phone and keyboard with the orange overlay:

mix-blend-mode: multiply;

How I did the orange overlay was that I wrapped the image inside a container and gave the container and background color of rgb(241, 103, 24). I then applied the above CSS property to the image and gave it an opacity of 0.75.

Viewing the website on a 32 inch screen is not a pretty site (no pun intended), but I'll work to patch that up eventually.

Todos:

• The Gatsby plugin for breakpoints are loading the wrong images for their devices. Tablet image is showing instead of the desktop image when viewing on a screen that is 1440px or greater. Definitely going to fix this on Monday.
• Fix accessibility and HTML issues.

As a keyboard enthusiast, I was very delighted about this challenge. As always, please feel free to give any feedback.

Any feedback is great appreciated! :wave:

• Did I use proper naming conventions for my SCSS files?
• Is the formatting of my styles in my SCSS files easy to understand?
• Am I using too many media queries?
• Are my React components easy to read and understand?
• Why aren't the icons in the "Why choose us?" section on the home page not appearing in the screenshot?

I added a feature in the plan page that smoothly scrolls down to the next question whenever a user selects an answer to a question. The smooth scrolling feature doesn't seem to work on Chrome on mobile devices. Let me know if this feature is annoying so I can remove it.

Overall, this was a pretty great challenge.

Any sort of feedback is greatly appreciated!

Did I use best practices for my Sass files? Are my React components easy to understand?

Positioning elements on this challenge was tricky. The initial loading of the app is a bit wonky but I'm pretty satisfied with the outcome. I will move on to another challenge but still update my solution to fix the wonky initial loading.

First challenge completed. Any feedback is much appreciated!