All solutions

any suggestions on better responsive images? I had an issue where if i was in mobile view it would correctly display the mobile image but when I make the screen larger it correctly goes to desktop image however the issue is when i go back to mobile view the desktop image remains it wont go back to mobile unless i refresh the page

what can i say css felt like when you're running in a dream and you're not getting anywhere. Never thought i'd actually say but the JavaScript was an easy 10mins compared to the nightmare hours of css mainly the positioning was a learning curve.

any tips on box shadowing and controlling the specific sides of the box it goes would be helpful thanks

super easy a good project to squeeze into 30 mins of your day

this was fairly easy, the for each was a challenge. im unsure of how to make the background colour on the rating buttons disappear when another button is clicked. Any feedback would be great thanks.

this project was quite easy, i took the advice of someone who recommended using rem to round borders and it worked perfectly thanks man. I estimated 3hrs but got it done in 2. wasn't sure if that background image in the desktop design sample was supposed to be in my design but there were no images relating to that.

i found it quite difficult to properly round off the borders of each component in results. the media query was a pain. also could not overlap the right box onto the left i tried using the shadowing to create that illusion. lastley idk if its cause this is a newb project but the media query only works on mobile its not optimised to tablets and ipads...which i intend to run into in future.

As a new front end dev my biggest challenge was not knowing that you cant have the same class on multiple buttons when using it for the same function in JS, I'm aware there is a way to do it however I wanted to see what I could come up with on my own. By the time I realized my problem my project was basically done and i'd tried multiple solutions, which was beyond my skill level. So I took my original code which was working for one button and I changed the class names for the others and copied pasted my JS.

areas I'm unsure of my overall structure of HTML and the font which I could not find in VS (work sans). Also I know theres another way to toggle the icon I just came up with the button element for the icon and left it that way cause thats my own thought process

if anyone could recommend javascript that I could use, such as one function for example with multiple buttons with the same classes.