About Us Image Carousel Component

[Quashnock]

Overview

Create a component for the Image Carousel on the About Us page.

If you have any questions of need any help, contact Aaron or schedule a meeting!

Requirements

• The component should be a React functional component with a setup similar to those inside the src/components directory. You can use the JS and SCSS inside the ExampleComponent folder as boilerplate code for the component. You just need to replace "example" with the name of the component.
• We have decided that the horizontal padding for all components across the site should be 3rem, so that we can keep the margins the same. Please implement this for this component.
• The mobile design for the component should be reconsidered and potentially redesigned, as there are concerns that the desktop button design would be too small for mobile device. Consider the use of a drop down menu or just the left and right arrows on the image itself. When eventually implementing the mobile design, use 768px as the breakpoint between the desktop and mobile version.
• For ultrawide devices, the background of the component should extend to the edges of the screen. However, the content of the component should have a maximum width of 1440px and be centered. This is done so that content is not stretched to fit the full width. The component MaxWidthContainer that you can find and import from inside the components folder has already had these rules implemented, and you can use it to help you accomplish this requirement.

Design Reference

Figma(Message Aaron if you need access)

Desktop

Mobile (Temporary)