All solutions

Any advice/feedback is appreciated!

When testing the mobile view, I noticed that the ratings would not change to the orange background (based on the javascript) and was wondering why that was the case and if there was a quick fix available. Does it have something to do with the !important tag I used in the stylesheet?

I used media queries to create the mobile view, are there other ways of doing this that are more elegant? I liked using bootstrap because it seemed to automatically resize elements based on the viewport size but I wanted to try to approach this challenge without using bootstrap.

I used bootstrap components (the card) to create the majority of the project, is it better practice to use something else?

I am unsure of how to get the text to match up to the sample exactly and was wondering how people went about determining how to mimic the styles.