Skip to content

A pure CSS recreation of the famous Mondrian painting using inline styles.

Notifications You must be signed in to change notification settings

Anshuman-02/css-mondrian-replica

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 

Repository files navigation

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

Contact

Feel free to reach out for collaboration or questions via your email.

Hashtags

#CSS #Mondrian #WebDevelopment #Frontend #LearningCSS #ArtInCode #MinimalistDesign #InlineCSS