All solutions

I had trouble using the JSON file at first, but I was able to figure it out with the help of someone on discord. Any feedback is welcome.

I couldn't get the tooltips to look like the design's because I couldn't understand how label callbacks and custom positioning in Chart.js work. If someone could help me with this, I would be very grateful.

I wanted to try Less this time, please let me know if I could have used it more efficiently.

This was my first time using Sass, so I'm not sure if I have optimized it as much as I could have. Feedback on that and anything else is welcome.

I wanted to try to make this one responsive without a media query, but I couldn't get the elements' sizes and positions right like that. I also wanted the function updateCounter to check the new length of the array instead of directly changing the counter to 0, but it would return 3 instead of 0 when the button was clicked.

I still don't have much experience with javascript, so I struggled quite a bit with it. I tried to use forEach to make the code more compact, but it wouldn't work and I couldn't figure it out in the end. Any help with the javascript is welcome. I took the liberty to add labels to the form and change the background color to make the page easier on the eyes.

I had almost no experience with grid before this challenge, so I'd like to know if I have used it well or if it could use any improvements.

When I zoom in on my browser, the image gets cut off starting at 133%. I'd like to know why this is happening. Feedback on anything else is welcome as well.

I started using the rem unit in this project and it went smoothly while I was working on the mobile design. But when I moved on to the desktop design, I couldn't make it responsive until I switched to vw. I also had trouble with the image, as it wouldn't fill its half of the container until I set a smaller min-width, and with the positioning of the button, which starts moving to the bottom of the container when I make my browser's window small enough. I still don't understand why I had those issues and I would be thankful if someone could explain them to me.

I'm not sure if the page looks fine in a 800px width screen, so I would like feedback on that.

I've come across problems I'm not sure if I've solved in the best way. I had trouble making the box shadow for the container because the shadow would start from the padding, I solved that by creating a new div tag to add the box shadow to.

I also had trouble making the "monthly subscription" and "why us" elements align horizontally for the desktop design, as "why us" looked shorter. I adjusted the padding, font size, spacing and weight until they aligned, but then I noticed they would only be aligned in my desktop's full window. I fixed that by adding a background color to the same div I had used for the box shadow.

Please let me know if there were easier or more efficient solutions for these problems.