City Skyline Project

Overview

The "City Skyline" project is part of the FreeCodeCamp.org Responsive Web Design course. This project serves as a learning focus for implementing CSS variables, responsiveness using percentage/vh/vw values, CSS gradients, and CSS borders to create a visually appealing representation of a city skyline.

Learning Focus

• CSS Variables: Explore the use of CSS variables for flexible styling.
• Responsiveness: Apply percentage, vh (viewport height), and vw (viewport width) values for a deep understanding of responsive design principles.
• CSS Gradients: Gain hands-on experience in creating realistic backdrops using CSS gradients.
• CSS Borders: Learn how to use borders effectively to define and enhance the structure of a city skyline.

Technologies Used

• HTML5
• CSS3

Usage

Explore the live demo here to experience the responsive city skyline.

How to Contribute

Contributions aimed at improving the project's aesthetics, responsiveness, or adding new features are welcomed. Fork this repository, make necessary changes, and submit a pull request for review.

Acknowledgments

This project was completed as part of the FreeCodeCamp.org curriculum on responsive web design. Grateful for the support and resources provided by the FreeCodeCamp community.