All solutions

1. What code was used to make the background more vibrant? I tried filters and they couldn't produce the colors.
2. I couldn't get the social media icons to be white, then change to purple on hover. Online it said icons are like text and to use "color" but it didn't work.

Getting the color overlay on the image was the most difficult part because all the solutions of found weren't working for me, but I eventually found one that need a small adjustment to get it to work with my code.

This project was pretty tough.

1. Was the background patterns done correctly?
2. With the 5 star reviews at the top, is there a better to do the offset alignments?
3. Same with the text reviews at the bottom. I used a combination of margin at the top and bottom on each div to create the offset alignments. I got the results that I wanted but it seems like I made it more complicated than it needs to be.

Any feedback on how I coded this is much appreciated.

Hello, who ever is reading this.

1. In the HTML did I use too many ID's or were some parts not necessary to use an ID? In the CSS I feel like I used too many ID's and it looked longer than it needed it to be.
2. For the button is there a better way of making it so that it stretches horizontally to the margins? I used specific numbers for both layouts. When I made it with padding I put 90px for the horizontal and I would add a 1 each time until it would touch the margin without the text inside creating a second line.
3. A problem I had with the text inside the button was that I wanted to make the font size larger but it kept creating a second line moving the last word to the bottom. Is there a way to make the content box larger horizontally for the words or is that non-adjustable? When I say content box I'm referring to the blue box for content, padding, border, margin in case I'm using the wrong words.