Perfumy CSS Learning Project

Welcome to the Perfumy CSS Learning Project! This repository contains the materials for learning and practicing CSS concepts. The project is divided into two main folders:

1. Perfumy-starter-project: This folder contains the starting point of the project, which includes the basic HTML structure for a perfume-themed website. Here, you will gradually enhance the styling using CSS concepts.

2. Perfumy-final-project: In this folder, you will find the completed version of the project where all the CSS concepts have been applied to create a visually appealing and responsive website.

Learning Objectives

This project aims to help you understand and practice the following CSS concepts:

• Introduction to CSS and its role in web development.
• Applying colors using various color representation methods.
• Exploring different types of CSS selectors to target HTML elements.
• Understanding the CSS Box Model and its impact on element sizing and spacing.
• Working with the display property to control the layout of elements.
• Enhancing the website's visual appeal through CSS.

Project Structure

• Perfumy-starter-project

  • index.html: The initial HTML structure of the website.
  • styles.css: A starter CSS file for you to gradually add styling as you learn new concepts.

• Perfumy-final-project

  • index.html: The final HTML structure of the fully styled website.
  • styles.css: The completed CSS file with all the applied styling.

Getting Started

1. Clone this repository to your local machine using the following command:

2. Start with the Perfumy-starter-project folder to begin learning and practicing CSS concepts step by step.

3. Open the index.html file in a web browser to see the current state of the website.

4. Open the styles.css file in a text editor or code editor of your choice to start adding CSS styling.

5. As you progress through the learning materials, apply the concepts you learn to style the website in the Perfumy-starter-project folder.

6. Once you're comfortable with the concepts, you can compare your work with the fully styled website in the Perfumy-final-project folder.

Contributions

Contributions to this learning project are welcome! If you find any errors, typos, or have suggestions for improvement, feel free to open an issue or submit a pull request.

License

This project is licensed under the Error Makes Clever Academy

Happy learning and happy coding!