Skip to content

This project features a grid layout with colored blocks, offering a minimalist yet captivating experience.

Notifications You must be signed in to change notification settings

VaibhavAshta/Mondrian-Project

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 

Repository files navigation

Mondrian Project

A simple and visually appealing Mondrian-inspired project created using HTML and CSS. The project represents a grid layout with colored blocks, following the style of the famous artist Piet Mondrian.

Preview

Mondrian Project

Project Structure

The project consists of a grid layout with colored blocks. Each block represents a specific color and follows the Mondrian style.

Red Block:

  • Represents the color #E72F24.

White Blocks:

  • white1: Spans 3 columns.
  • white2: Spans 2 rows.
  • white3: Spans 2 columns and 2 rows.
  • white4: Spans 2 rows.

Blue Block:

  • Represents the color #004592.
  • Includes a black border at the bottom.

Yellow Block:

  • Represents the color #F9D01E.

Black Block:

  • Represents the color #232629.

Getting Started

To view the Mondrian Project locally, follow these steps:

  1. Clone the repository:

    git clone https://github.com/your-username/mondrian-project.git
    

Contributing

Contributions are welcome! Feel free to open issues or submit pull requests to improve the project.

Note: This project is for educational and artistic purposes, inspired by Piet Mondrian's iconic style.

About

This project features a grid layout with colored blocks, offering a minimalist yet captivating experience.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages