All solutions

I had to use another API because it was very hard to bypass the CORS of the CleanURI API, and if you bypass it then it gives you another error. the Rebrandly API is limited to 25 calls per month, but atleast is CORS-proof.

I thought that adding the template todos didn't look nice if someone else uses the app, that's why it's empty, if you reload the page you should see the last todos you added thanks to localStorage

This was my first tailwind project, also I never have done unit testing until now.

• can you give me some advice for writing tests ?
• what are some common questions I should do to myself when I'm writing tests?
• Is there something like a testing template, like the readMe template that Frontend Mentor gives in their projects, so I can learn to do them better?

• The navbar brokes if you resize from mobile to desktop and then mobile again, I don't know how to fix it.
• Also the mobile menu doesn't have that dark translucid background, i tried adding filter: blur() opacity() to the <main> but it's not the way to do it, how can I get it right the next time?

1. I couldn't change the logo's colors and specific sizes importing the svg with a <img>, so I end up creating 2 separated logos and modifying them inside their code, is there a way to do all this (changing svg sizes and the fill property) without using inline svg's?.
2. I have little experience using semantic HTML in apps, I find hard to know where to use articles and where to use divs, can you point out where did I wrote the semantic code wrong?

I didn't get the image border hover effect right from the comment notification, when you hover over it, the image shrinks for some reason, can you help me with that?

1. the mobile layout is wrong, for some reason the button has a bigger width than it should and i don't understand why, can you help me with this?

1. the mobile version (375px wide) doesn't look 100% accurate, does it need more gap between the img and the text? and if so, how much?.

-questions

1.Are the font sizes from the titles in the components correctly?.

2.There is a h2 that says "Great", it shouldn't be there, how can you make something similar with p tags? (tried with more font-size and weight but it didn't look quite right.