https://github.com/anshuman-02/css-mondrian-replica
A pure CSS recreation of the famous Mondrian painting using inline styles.
https://github.com/anshuman-02/css-mondrian-replica
artincode css frontend html inline-css learning-css minimalist-design mondrian mondrian-art mondrian-grid webdevlopment
Last synced: 6 months ago
JSON representation
A pure CSS recreation of the famous Mondrian painting using inline styles.
- Host: GitHub
- URL: https://github.com/anshuman-02/css-mondrian-replica
- Owner: Anshuman-02
- Created: 2024-08-14T22:21:46.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-08-14T22:30:16.000Z (about 1 year ago)
- Last Synced: 2025-02-14T23:19:37.272Z (8 months ago)
- Topics: artincode, css, frontend, html, inline-css, learning-css, minimalist-design, mondrian, mondrian-art, mondrian-grid, webdevlopment
- Language: HTML
- Homepage:
- Size: 3.91 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# CSS Mondrian Replica
This project is a pure CSS recreation of one of the most famous Mondrian paintings. The entire artwork is created using inline CSS styles, making it an interesting example for learning the power of CSS.
## Final Goal
The objective of this project is to replicate the iconic Mondrian painting purely with HTML and inline CSS. Below is the target image that this project aims to achieve:
![Mondrian Painting]()
## Features
- **Pure CSS:** The entire artwork is achieved using inline CSS without any external stylesheets.
- **Educational Purpose:** This project serves as a learning resource for those interested in understanding how to use inline CSS to create complex layouts.
- **Minimalist Design:** Reflects the simplicity and abstraction characteristic of Mondrian's work.
## How to Use
1. Clone the repository: `git clone https://github.com/Anshuman-02/css-mondrian-replica.git`
2. Open the `solution.html` file in your browser to view the artwork.
## Technologies Used
- HTML
- Inline CSS
## Author
- **Anshuman** - [LinkedIn](https://www.linkedin.com/in/anshuman14/) | [GitHub](https://github.com/Anshuman-02)
## Contact
Feel free to reach out for collaboration or questions via [your email](anshuman140204@gmail.com).
## Hashtags
#CSS #Mondrian #WebDevelopment #Frontend #LearningCSS #ArtInCode #MinimalistDesign #InlineCSS