All solutions

I made an error where initially I was using buttons instead of radio buttons. This meant that I was finding it impossible to create the greyed out 'active' state with the ratings. However, I received some help and it worked and made life so much easier.

I was wondering if using a string template literal would be possible. I tried but I could not quite figure it out.

Also, my JS are not within functions. Is this bad practice? Should I be saving the script within functions?.

Thanks!

I know the colour on the hover states is incorrect. But I just could not figure out the correct colour scheme to use.

Also, I am a bit concerned that the sizing of the design. It is massively different to the design brief. In the real world, would this be a major concern? If so, are there any websites that can scale images and give the correct pixels for my future design???

Again, thank you for all that will review my code and give feedback.

I really struggled in producing the Overlay. I had to look at a lot of different solutions in order to figure out how this worked. After completion, I am now wondering if the hover elements should have been placed within Anchor tags.....

I need to improve my knowledge of accessibility and aria-labels. Position: Relative and Absolute.

I have not used it on a responsive challenge yet, but I am wondering if using 'Max-Width' helps responsiveness? To my ignorant self, it feels like that should limit the amount of Media Queries. But I know nothing.

Thank you

I would like advice regarding Units of Measurement. I am not entirely sure which unit is the best and when. I have read a lot and it does appear to be a personal preference. I base this upon the many differing opinions.

I am yet to learn Bootstrap. And I only use 'vanilla' CSS (unless Flexbox is not considered 'vanilla'?!). I have read that, for the time it takes to learn Bootstrap, I should just consider continuing with more vanilla CSS and learn CSS Grid instead?

Thank you for taking the time to have a look at my work!

I have been learning HTML and CSS for a few weeks now. And this week I started learning Flexbox. This is my first ever project and attempt at anything beyond freecodecamp and the Mimo app.

I have read several articles regarding using too many Divs. But I feel like I should be adding more divs(?). I base this on the fact that this is a rather simple project with very few elements. So, I assume going forward I would need to use divs to further separate the page?

All and any feedback of my code is appreciated.