This is a simple nutrition label built with HTML and CSS as part of the freeCodeCamp curriculum for the Responsive Web Design Certification. The goal was to practice using typography to style text and adjust line heights to make it easy to read and suit its purpose. After completing the requirements of the project, I added a personal touch to make the webpage more appealing and better aligned with my style.
You can see the project like here!
The nutrition label includes the following features:
- A clean design with a white background, black text, and minimal use of color. The font family used is 'Open Sans' and the label has a box-shadow effect to add depth.
- Includes a breakdown of the nutritional information for the product, including the serving size, calories, and daily values for various nutrients.
- Follows the most updated requirements from the U.S. Food and Drug Administration (FDA).
To install the project, you have to:
- Fork the project from this repository.
- Clone the forked repository to your local machine using the command 'git clone'.
- Open the index.html file in your web browser.
This project is licensed under the MIT License.
Thanks to freeCodeCamp for providing the curriculum and guidance for this project.