Build A Price Comparison Page With HTML And CSS

By far the best way to learn HTML/CSS is through practice, but who says that practice has to be boring. In this video I walk you through the steps to create a professional price comparison page. In this tutorial we talk about many CSS concepts such as flexbox and absolute vs relative position which you can apply to your own personal projects. Because of the popularity of price comparison pages, you will almost certainly have to build one in the future which is why this practice is perfect for preparing you for a web development job.

📚 Materials/References:

GitHub Code: https://github.com/WebDevSimplified/HTML-CSS-Price-Comparison-Table
Codepen Code: https://codepen.io/WebDevSimplified/pen/NWWXzmL

🧠 Concepts Covered:

– CSS flexbox
– Absolute vs relative position
– Rem vs em
– CSS transitions

🌎 Find Me Here:

My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified

#CSSDesign #WDS #CSS

Post Author: hatefull