Building a pricing block with HTML & PuRe CSS

🔥 My course: Responsive Design for Beginners! https://coder-coder.com/responsive/

💻 Become a full-stack web dev with Zero to Mastery: https://academy.zerotomastery.io/a/af...

____________________

In this video I'll be live coding a responsive pricing block from Frontend Mentor, using HTML and pure CSS 😁

Frontend Mentor Pricing Block: https://www.frontendmentor.io/challen...

My source code: https://github.com/thecodercoder/fem-...

0:00 - Intro
0:11 - Thanks to Kite for sponsoring the video!
0:56 - Setting up the code files
2:12 - Starting to add global styles
10:44 - Start adding HTML markup and some styles
18:00 - Styling the Community block
37:04 - Styling the Subscription block
49:54 - Styling the Why Us block
55:11 - Adding a hover state to the button
59:55 - Using CSS grid for desktop layout
1:05:56 - Thanks to my GitHub sponsors!! ✨

_____________________________________


SUPPORT THE CHANNEL
⭐ Join channel members and get perks:    / @thecodercoder  
🏆 GitHub sponsors: https://github.com/sponsors/thecoderc...
👏🏽 Hit the THANKS button in any video!
🎨 Get my VS Code theme: https://marketplace.visualstudio.com/...


WANT TO LEARN WEB DEV?
Check out my courses:
🌟 Responsive Design for Beginners: https://coder-coder.com/responsive/
🌟 Gulp for Beginners: https://coder-coder.com/gulp-course/


RECOMMENDATIONS
⌨ My keyboard-- get 10% off with code THECODERCODER -- https://vissles.com/?ref=mu96kxst5w
💻 Other gear -- https://www.amazon.com/shop/thecoderc...
📚 My Favorite Books -- https://coder-coder.com/best-web-deve...
📺 My Favorite Courses -- https://coder-coder.com/best-web-deve...


🔽 FOLLOW CODER CODER
Blog -- https://coder-coder.com/
Twitter --   / thecodercoder  
Instagram --   / thecodercoder  


#webdevelopment #coding #programming