All solutions

i am trying to find another way i can place an overlay in an image element.

i had a bit issue trying to place the image element and the content together

how can i best align the 3 cards to side by side besides the method i use?

-The technologies for this particular project is only HTML and CSS but i decided to spice things up by using Javascript to dynamically display the cards

Is there a way I can dynamically add the rating without having to hard code it?

i didnt really encounter any major challenge while building this project except for the fact that i still want to understand the dynamics behind responsive web design especially for mobile devices. i would also love the community to take a look at my code and correct me on the areas i didnt do well based on structuring for improvement

** I found it difficult to perfectly center a div. I was able to do it after many trials and erros ** I found it difficult to write media queries. Moving from desktop to mobile and vice versa **I found it difficult to switch between images for different screen sizes