🥗 Nutrition Label

A simple Nutrition Facts label built using HTML and CSS. This project recreates a nutrition label layout while practicing CSS positioning, typography, spacing, borders, and selectors.

🚀 Features

• Semantic HTML structure
• CSS Flexbox for alignment
• Custom typography using Google Fonts
• CSS utility classes
• Pseudo-class selectors (:not())
• Accurate Nutrition Facts styling

🛠️ Built With

• HTML5
• CSS3

📚 What I Learned

• Using multiple CSS classes on a single element
• Styling with Flexbox
• CSS pseudo-classes like :not()
• Margin and padding adjustments
• Creating reusable utility classes
• Replicating real-world UI designs with HTML & CSS

🎯 Project Source

This project is part of the Responsive Web Design certification on FreeCodeCamp.

---

Made with ❤️ while learning web development.