React Todo List App

Community feedback

• 

  P

  visualdennis•8,375

  @visualdenniss

  Posted over 2 years ago

  Hey there,

  good work. I'd suggest not using position absolute, especially top:29%, since it can cause problems with the layout when the browser size changes. E.g. I'm viewing this on a larger screen and when i first opened the page, the todo list was covering the TODO header already.

  .todolist { margin-bottom: 100px; position: absolute; top: 29%; z-index: 1; }

  If you remove all those position absolutes from header, list and the drag-drop text, and remove the height: 100% from the todo list, it should pretty much fix the issue.

  Hope you find this feedback helpful!

  00

  Marked as helpful