All solutions

Pretty simple challenge considering the need to use JavaScript to request information from an API. Great to learn how to read the information you get back and implement into your project. Loved it, done it way quicker than expected.

Any and all feedback is very much appreciated. Please be gentle to me.

It definitely looked easier than it turned out to be. I did struggle with the image overlay and responsiveness quite a bit, even now I am not happy with it 100%.

Think I'll keep trying to work with BEM methodology, anything that's not right, please point out, so I can address it next time.

All feedback is more than welcome, I strive to be the best version I can become.

Perfect challenge for practicing layout alignment and responsiveness. I tried to implement BEM methodology and hopefully I did okay.

Struggled a little bit with aligning the images in the background, but mostly because they barely visible.

Any feedback is more than welcome.

Took me a while to figure out the background image positioning, but I got there in the end. Added a little bit of JavaScript for more fun in the card. It generates random numbers and location on every refresh now.

Any feedback is more than welcome!

Pretty cool challenge to jump into JS. Not too hard if you gone through JavaScript basics and are familiar with for loops and eventListener.

Now I would love to ask for any feedback on the finished challenge and/or how to improve my code so it is as easy to read as possible.

Had a little issue in VSC with "ts2451: cannot redeclare block-scoped variable" so had to add "1" at the end of all my variables to get that to go away... How do I avoid it in the future?

Thank You!

This went pretty well, but yet again I ran into a centering problem and had to use margin to sort of center my containers. How does one make the main section not stick to the top of the page? Thanks.

This was a nice little challenge trying to get you at a few sneaky points. Hope I found them all. Not sure if the "Cancel order" is a text link or is it supposed to be like a button, so left it like a button. Any input is welcome!

This seemed like a great little project to implement boostrap grid. Now is there a way to position the container in the center without it sticking to the top of the page?

I was able to achieve the image hover overlay but couldn't figure out how to make the icon fully visible. It just followed the background opacity number. Could anyone figure it out and teach me how to do different opacity for the background and the icon upon hover?

I have a feeling that my code can be cleaned up a lot, but at this point i don't know how to make it any simpler. If anyone wants to give me tips on how to achieve the same result with less work, I am all ears.

Seemed like a pretty simple task yet aligning the heading and the paragraph text to be in line to one another was impossible for me. While it looks great, it still annoys me that they are not matching the provided design 100%. Any tips welcome.