All solutions

Challenges: *cant size the elements accurately *positioning of reviews and ratings *included IMG tag 5 times for ratings. If any other alternative way to include same image 5 times pls explain. *hard-coded most of the sizes. if there are any resources to understand em and rem sizing clearly pls provide.

background pattern sizing and alignment, down icon to transform when clicked, font weight reversed when clicked again to slide up the answer, part of image above the card in mobile view, part of image cut behind container in desktop view

your feedbacks to do the following steps will be helpful

can someone help me out on how to insert the background image pattern?

Feedbacks are welcome.

challenges: *color overlay over image feedbacks are welcome

Challenges faced: *Aligning text with respect to the icons *Not able to figure out the solution for hover on eye image(so changed the opacity on hover in my solution). If someone can explain and give the solution for that will be helpful *vertical alignment of the card

Would be helpful if someone provides any resource from which i can learn about aligning elements in CSS.

Challenges I faced:

• Vertically center the div