All solutions

I had a difficult time matching the mockups using the jpgs that came with the files. I don't have the figma files which made it difficult for me to do a one to one matching.

I have a feeling I butchered the design with my beginner grid abilities. I feel more confident after starting but have a long way to go before I fully understand how to use grid in a responsive fashion.

I am still trying to figure out if I am handling the "mobile first" design approach correctly. I feel that I am not completely understanding the best approach to take for this mindset. I will continue to practice and look at other code.

Still having a hard time knowing how to use multiple background images and placement of them. Any help would be greatly appreciated. Not happy with the choices I made with the CSS.

Having issues without another comp where I have trouble getting multiple backgrounds to work. I have to research more about multiple backgrounds and positioning/order for me to get past this problem I have.

I could not figure out how to get the multiple backgrounds to position correctly. I tried background position but it did not feel right to have to use large offsets for it to display correctly.

Having a hard time getting the color filter for the image. It seems like the colors in the designs for text are different from the style guide for me. Maybe I need to add other css properties to get the colors to match?

Had a hard time getting the background correct without having to add extra color for the rating and star background. Seems like there is a gradient but I have no clue how to create a gradient for the background color I see.

I also added the number of stars to show based upon the rating. I did not see this in the designs so I am not sure if this should have been done.

Could not get the image to scale correctly in desktop. No matter what the perfume would always scale up and if I tried to make it smaller, the whole image would get smaller. Any help would greatly be appreciated.

Focused on my learning of CSS grid. Did not have much time after I was at the limit I allowed for this challenge. It was fun working more with grid and have lots more to learn. Feel as though I could improve how much CSS I have to write in order to accomplish a mobile/desktop layout.