All solutions

When dragging and dropping a to-do item, the screen will be flickering a bit. If you have any advice to solve this problem, please let me know.

Also, Todo.js has a lot of lines of code. Should it be abstract? Any tips for more clean and readablecode?

Thanks!

I'd like to find the points where I can improve the code readability or I can refactor the code.

If any of you check my code and have an opinion, please let me know. It would be appreciated!

Thank you.

I'm sure there are some better ways to simplify code on css and js. If you notice any(it would be great even if it's minor), please leave the comment! Thank you for checking my work!

Hi, thank you for checking my solution! Here are my questions. It would be great if you answer or leave any suggestions. Thank you :)

1. Are there any better ways to place the component itself in the center of the entire page?

2. How would you make a space around in each section?

   • I set the padding for each to colour them, and put box-shadow to the whole. You can find the tiny edges on the bottom corners...they don't look pretty.

3. I still don't get used to the elements overflowing from its parent's element...am I missing something to know to get this fixed? Any suggestions to learn about this?

I have two things that I couldn't figure out myself. If anyone would give me some advice or comment about it, it would be appreciated!

1. How can you align the header(the first two sentences) and the paragraph below? I couldn't match the start line of those ones anyway.

2. When applying the responsive design on 320px wide view(Mobile S size), the paragraph inside each box got chopped off a bit. How should I have done to make it look right?

Thank you for reading!