Advent of CSS / 07 

Tags :

I discovered the Advent of CSS 2021 a bit late, but decided to give it a try anyway. This entry was retro-posted.

Day 07 / Tip Calculator

In this project, we’re creating a tip calculator.

The tip calculator form is composed of the calculated amounts n top and the bill and number of people below. The tips are aligned below.
The Tip Calculator brief

See the Pen Advent of CSS 2021 / 07 by David Roessli (@davidroessli) on CodePen.


The challenge was styling the radio buttons correctly. Again, thanks to @5t3ph for her tips on and the smashing workshop she gave last summer!

Plain HTML and CSS used.

Posted a response ? — Webmention it

This site uses webmentions. If you've posted a response and need to manually notify me, you can enter the URL of your response below.

Want more ? — prev/next entries