All solutions

The code is a bit messy because I had an idea at the beginning and then I got another idea & I was too lazy to change the names.

Any feedback is appreciated!

While doing this project I couldn't find a way to make the "drag and drop" work on mobile, the html "draggable" works only on pc and I didn't knew how to make for mobile. If you have any feedback or a better approach on something I would like to hear it.

Regarding the js I am almost 100% sure that this could've been done way easier. If you have any feedback I would like to hear it.

This is the biggest project I've done so far, I'm quite proud of how it looks. Though I think the code is a bit messy and can be improved. I appreciate any feedback!

while doing this I encountered an issue. For the radio-buttons I couldn't get the "checked" button text color to be white therefore I made the text white by default. Any idea of how that could be solved?

For the mobile curve in desktop mode :.curve-mobile { visibility: hidden; float: left; width: 0px; } there is float but the box is still there so i had to make the width:0px; . My question is if there are other methods to make the box "disappear".

I’ve met a few problems while doing this.

1. I’ve tried watching yt , searching on the internet but couldn’t find a method for wrapping the grid that wont mess with the aspect of things.
2. The quotes svg has the position absolute and when typing for example “top: 0;” it will move the quotes to the top of the page not the top of the article. Any idea of a fix?
3. The review paragraphs wont fit the entire article height, and there is space left that is unused. Any idea for a fix?

It's not really visible, but if you change the background color from white to something else you can see that when <main> wraps there are 2 white "gaps" with purple background and diagonal stripes. I've tried to search how can I get rid of those and match the size of the content inside but the only thing I found was the " gap: 0;" thing, but that doesn't work. If anyone knows how can I fix that please let me know, and if you didn't understood what I was trying to say please say so I can explain again haha.

Any advices for future projects?