Room homepage master project

That I added two bonus features. The left/right arrow button , is to be minimum 140px wide, then it fits between the right edge of the carousel image and the left edge of the light image. If a user resizes the screen the button will resize to it remains that relative width. It will grow/shrink to fit it. I used JS to add this feature. Also, when the user clicks the left/right carousel button, the image will load in an animation. I used SCSS/CSS for this.

The main challenge was the positioning of the left/right arrow buttons, and the carousel itself, as I did not want to simply use Bootstrap anymore for this. I used a WW3 pattern for the carousel and with some help from old stackoverflow posts I could figure it out.