@bfc0
Submitted
Couldn't figure out how to position the cart absolute div. For some reason, it anchors the bottom of the div, so and empty cart and the full one end up in different locations. Also couldn't find how to change the color of the svg without changing the fill in the file itself.
Submitted
Don't know, if creating a ton of elements in javascript was really the best solution for this challenge. Also, since I have to fetch() the json, and I can't use await in the script, is placing all code into the async function the best option?
Submitted
Don't know if there is an easy solution to not have the red dot wrapped onto the next line.
Submitted
Submitted
I don't understand how to position the background properly - either you set the height of body and html to 100% and get the unnecessary scrollbar, or have the lower image cut off.
Submitted
Tried to make this fit multiple resolutions, and it wasn't easy.
Submitted
Tried to solve it with flexbox column-wrap, but it didn't work. Had to resort to wrapping the cards into separate column divs, which is probably not optimal.
Submitted
This task looks very easy. Except for the fact, that it makes you reuse the same component in a mobile resolution as a part of the page and in a desktop resolution as an absolutely positioned element, that should be pointing at the right spot on different screens. This took me the whole day to solve, and taught me a lot about positioning and manipulating styles in javascript.
