Mondrian

Developer
Kevin Santos
Size
1,566 Kb
Views
8,096
  1. Mondrian Previews
  2. Mondrian HTML Codes
  3. Mondrian CSS Codes

How do I make an mondrian?

What is a mondrian? How do you make a mondrian? This script and codes were developed by Kevin Santos on 25 January 2023, Wednesday.

Mondrian Previews
IQ Test

Mondrian - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Mondrian</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <section class=mondrian> <div class=orange></div> <div class=blue></div> <div class=line1></div> <div class=line2></div> <div class=line3></div> <div class=line4></div>
</section>
</body>
</html>

Mondrian - Script Codes CSS Codes

.mondrian { position:relative; margin:0 auto; width:30vw; height:35vw; background-color:#E7E2DE;
}
.line1{ position:absolute; background-color:#191A15; width:10vw; height:1.5vw; top:15vw;
}
.line2{ position:absolute; background-color:#191A15; width:30vw; height:.75vw; top:8.5vw;
}
.line3{ position:absolute; background-color:#191A15; width:.75vw; height:35vw; left:10vw;
}
.line4{ position:absolute; background-color:#191A15; width:20vw; height:.75vw; top:32.5vw; left:10vw;
}
.orange{ position:absolute; background-color:#D64226; width:10vw; height:15vw;
}
.blue{ position:absolute; background-color:#1C1F56; width:20vw; height:2vw; top:33vw; left:10vw;
}
Mondrian - Script Codes
Mondrian - Script Codes
Home Page Home
Developer Kevin Santos
Username KevinSanToast
Uploaded January 25, 2023
Rating 3
Size 1,566 Kb
Views 8,096
Do you need developer help for Mondrian?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Kevin Santos (KevinSanToast) Script Codes
Name
Peter Halley
A Pen by Kevin Santos
Cooking
Bush
Kelley
Heilmann
Frank Stella Grand Cairo
Newman
Home
Albers
Create amazing love letters with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!