Finalized all the features and display formatting that I wanted for my productivity tab.
General Changes:
- Increased spacing by increasing CSS gap value
- Larger font by increasing CSS font rem
- Added personal quote on the top
Features:
- Changed from a single column to dual column display to save space and use up the tab space more efficiently. Single column format would cause some elements to be cut off. Done through CSS display: grid; and by setting grid-template-columns
- Workable Smart todo-list which has a checkbox and a delete feature to either mark task as complete or remove from dashboard. Implemented through JavaScript to store, append, and delete task within the todo list through localStorage.