Todo App with ReactJS

@JefDel2190 For this one, I used the code below. And for most of my other projects, I use Eric A. Meyer's CSS reset.

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

@cyishere Thanks for answering, I'm going to try this solution to see if it works for me and if it doesn't work I'll keep looking.

@JefDel2190 You're welcome. And I'd like to recommend these two articles to you 1) A Modern CSS Reset, 2) My Custom CSS Reset.

@KristianDunne Thank you, Kristian. I just can't switch my mindset to styled-components thing, for now, I'll keep trying. 😄

@abhik-b Thank you. I totally forgot this property... I've fixed it.

@ApplePieGiraffe Thank you for the reminder! I tested it on my computer before I put the code on codesandbox. I didn't realize it... I'll fix it.

@ApplePieGiraffe I've fixed it. Happy coding! 😄

@cyishere

Just took another look, and adding new items to the to-do list works just fine, now. 👍 I think a good idea would be to prevent users from submitting empty to-do items in case they accidentally hit the "Enter" key without actually writing anything in the text box. 😅

@ApplePieGiraffe Yes, you're right! How stupid I am...🤦🏻‍♀️ Thank you for taking another look.🙏🏻