Advanced CSS-only Beer Counting — Calculate, Increment, Multiply

Here’s an interesting HTML and CSS challenge for you:

We have a list of guests in HTML with their beer-consumption-per-hour values and the amount of time in hours they will stay at the party added in their data attributes. Based on these numbers, work out the total bottle of beers you will need to buy for the party using CSS only!

Senior Front-end Web Developer, Creative Technologist with over 12 years experience. Loves pushing the limits of HTML and CSS.

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

React/Redux Tips: Better Way to Handle Loading Flags in Your Reducers

Timezone Select JavaScript

Frequency Hash (Javascript)

react + d3 = vx

Code Splitting a 3D Globe

Night view of a globe

A Gentle Introduction to Functional Programming in JavaScript

What’s New in TypeScript 4.7

https://instagram.com/wagdigum?utm_medium=copy_link

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Mate Marschalko

Mate Marschalko

Senior Front-end Web Developer, Creative Technologist with over 12 years experience. Loves pushing the limits of HTML and CSS.

More from Medium

Weapons of Mass Destruction

Create a CSS-only Word Clock

{Day 2 HTML short talk}

Getting Started With CSS Flex-Box(How To Create Boxes with Equal widths In a Container)