Creating a Better Todo App - The HTML and CSS

Explore the process of building a todo app's HTML and CSS structure in this comprehensive tutorial video. Learn how to set up custom checkboxes, create engaging transitions, utilize custom properties effectively, and implement both grid and flexbox layouts. Dive into topics such as starting the HTML, setting up the layout with CSS grid, customizing inputs, changing button order with CSS, styling various elements including the todo list and custom checkboxes, and creating cross-out and delete button animations. Access the provided code repository to follow along and enhance your web development skills.

Syllabus

- start the html
- Start the css setting up the layout with grid
- customizing the inputs
- changing the order of the buttons with css
- styling the + buttons
- the todo list styles
- styling the custom checkboxes
- cross out animation
- delete buttons