All solutions

This is one of my first js projects

I've done most of the challenge just missing the right colors for the inactive buttons and some styling for the response.

any tips on ways to improve will be greatly appreciated.

The placement of the background image still needs some work, if anyone has tips on that or anything I need to improve please feel free to comment

For this Challenge, everything was alright until I had to add the SVG backgrounds, i still haven't been able to do it. If anyone has any tips or resources, your input will be greatly appreciated.

and for the star icons, is there a more efficient way to get those in?

The project’s difficult part was aligning the overlay inside the card then setting the eye icon’s opacity to 1. As you can see it still has not been set to 1. Everything up to that point had been straightforward. So I’d the icon and image alignment is a struggle especially I gotta add an overlay color on top of it all.

I found it difficult to use the whole page in order to center the component.