All solutions

My first JS code ever lmao

I'll have to fix the whole thing later anyway + there should be a check so that the submit isn't empty, and some kind of a fix so that only one button could be marked as "checked" at a time..

I'd appreciate it if anyone would like to give me an advice on how to improve this!

Did anyone else have troubles with adding a hover effect on the button? As long as the transition duration is short the button flickers on hover.

UPD: fixed it with ::before+opacity, thanks to Mohamed for the advice

First time using grid areas. Any advice on how to improve things is welcome!

Merry Christmas!

I struggled a lot with the 'mobile first' here, the transition still looks weird. A question: how do you create a filter over an image without getting the same validation mistake that I did? I really don't want to use background-color for some reason, maybe there are other ways around it..

Any feedback is welcome, thank you!

I tried to use image-set to switch between mobile and desktop background images on different widths, but it didn't seem to work properly at all..

UPD:

• improved semantics (<div> => <section>)
• kinda fixed the bg position (I guess the image-set is too advanced for me yet lmao)

Question: is there a better way of positioning an icon over an image than calculating top/bottom and left/right percentages? Like, I'm sure there is, but it seems that I didn't learn about it yet.

For the first project that was easier than I thought. Though, while trying to make my web page look similar to the original design I struggled a lot with eyeballing the features like card size, paddings, line-heights.. I'm not sure if I got it right haha

Feel free to give me some advice on anything that can be improved, thank you!