Tip Calculator App Part One HTML/CSS - Frontend Mentor

In this video I look at the first half of the Tip Calculator Challenge from Frontend Mentor. Due to the length of this video I decided to split the Javascript into a separate video to make it easier to find areas you're having difficulty with. Hope you enjoy! Timestamps: 0:00 - Introduction 1:15 - HTML 12:40 CSS - Main Layout/Universal Stylings 18:30 - Calculator Stylings 22:00 - CSS for User Input section of Calculator 24:52 - Tip Button CSS 32:45 - Input CSS 38:27 - Results Container CSS The challenge - https://www.frontendmentor.io/challenges/tip-calculator-app-ugJNGbJUX Live Site - https://haydnkerr.github.io/challenges/tip-calculator-app-main/ Git repo - https://github.com/haydnkerr/challenges/tree/main/tip-calculator-app-main Music promoted by https://www.chosic.com/free-music/all/ Heart Of The Ocean by Purrple Cat | https://purrplecat.com/ Creative Commons CC BY-SA 3.0 https://creativecommons.org/licenses/by-sa/3.0/ Missing You by Purrple Cat | https://purrplecat.com/ Creative Commons CC BY-SA 3.0 Downtown Glow by Ghostrifter & Devyzed Creative Commons — Attribution-NoDerivs 3.0 Unported — CC BY-ND 3.0 And So It Begins by Artificial.Music | https://soundcloud.com/artificial-music/ Licensed under Creative Commons: Attribution 3.0 Unported (CC BY 3.0) Green Tea by Purrple Cat | https://purrplecat.com/ Creative Commons Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)