All solutions

Since I don't have the Figma file there may be some issues with font-weights, font-sizes and colors. I added some transitions, and also if there are more than 8 todos, you can scroll down. Maybe later I can make it full-stack. Any feedback will be appreciated.

I used the svgs in an img tag, I could see them on localhost, but after deployment, the svgs weren't there. If you know the solution for this I would really appreciate it.

The page is fully responsive between 320px and 1440px.

I made the website fully responsive, if you have anything to say or ask, its welcome.

After publishing the website, I realized the img tags with a svg source don't display on website, eventough it was displayed on my browser. I tried using embed instead of img, but I got even a weirder result. Also I couldn't figure out how to do it responsive vertically, the problem is not media query, there is something about height of the cards. The cards does't shrink. If you have some suggestions about them, I would appreciate.

Hello, I couldn't make it too responsive, would be great if you can give me some advice for more responsive design. You can contact me via GitHub.