Create a Calculator with HTML, CSS, and Vanilla JavaScript - The HTML & CSS

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!

Grab it

Join a live stream featuring JavaScript expert Zell Liew and CSS specialist Kevin Powell as they collaborate to build a calculator using HTML, CSS, and vanilla JavaScript. Focus on the HTML and CSS aspects of the project, covering topics such as grid layout, accessibility, VS Code tips, button styling, and hover states. Learn valuable front-end development techniques, explore the GitHub repository for the project, and connect with a community of like-minded learners through various social media platforms and Discord.

Syllabus

Introduction
CSS
DisplayGrid
Auto Columns
Grid Template
Accessibility Concerns
VS Code Power User
Grid Template Area
Grid Equal
Hover Focus
Grey
Operators
Button Border Radius
Button Border
Hover State
Active State
Black Box
Focus
Subgrid
Wrap Up
CSS Demystified
Outro