Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Creating a Better Todo App - The HTML and CSS

Kevin Powell via YouTube

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
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

Taught by

Kevin Powell

Reviews

Start your review of Creating a Better Todo App - The HTML and CSS

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.