All solutions

Learning JavaScript so that was my main focus, was there anything I could have done better either in that regard. Any other criticism is also welcome in either the html or css.

Wanted to see if there was any feedback for better code.

Mainly wanted to make sure that I was using inline width correctly especially with the buttons to set the width, but all feedback is welcome.

Any feedback would be welcomed especially over the hover effects because I'm still not too sure about those thanks ^^

All I did was use flexbox to to justify-content and align-items in the center and it seems to work from mobile phones up to 50 inch tv's from my testing, I was wondering if not having a media query specifically for different screen sizes would break this somehow I'm not seeing or is that more for multi item web pages.