Nutrition Label Typography Project

This project demonstrates typography skills by creating a responsive nutrition label using CSS. It focuses on applying various typography techniques and layout principles to design a clear and visually appealing nutrition label.

Project Overview

The project is part of the "Learn Typography by Building a Nutrition Label" course from freeCodeCamp. It includes:

• A responsive HTML structure for a nutrition label.
• CSS styling to create a clean and organized label layout.
• Use of Flexbox for alignment and spacing.
• Implementation of various text styles and decorations to enhance readability.

Features

• Typography: Utilizes font styling, font sizes, and font weights to create a readable and professional nutrition label.
• Layout: Employs Flexbox for alignment and spacing, ensuring the label is well-structured and visually balanced.
• Responsiveness: Designed to be visually appealing and functional on different screen sizes.

Technologies Used

• HTML: Structuring the content of the nutrition label.
• CSS: Styling the label, including typography and layout.

Files

• index.html: Contains the HTML structure for the nutrition label.
• styles.css: Contains the CSS styles applied to the nutrition label.

Instructions

1. Clone the Repository

   git clone https://github.com/createwithanuj/fcc-nutrition-label-typography/
   

2. Open the Project Navigate to the project directory and open index.html in your browser to view the nutrition label.