Basic.css/grid.html
2020-05-27 01:55:05 +02:00

55 lines
879 B
HTML

<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> Lorem Ipsum Crash Test </title>
<meta name="author" content="Vladimir Carrer">
<link rel="stylesheet" href="css/basic.css" type="text/css">
<style>
main {
margin: 0 auto;
width: 82%;
text-align: left;
padding: 0 20px;
}
aside{
color: #fff;
background-color: #00bbeb;
padding: 15px;
margin: 10px 8px 10px 8px;
text-align: center;
}
</style>
</head>
<body>
<main>
<section>
<aside> 1 </aside>
<aside> 2 </aside>
<aside> 3 </aside>
</section>
<section>
<aside>1</aside>
<aside>2</aside>
<aside>3</aside>
<aside>4</aside>
</section>
<section>
<aside> 1 </aside>
<aside> 2 </aside>
<aside> 3 </aside>
<aside> 4 </aside>
<aside> 5 </aside>
</section>
</main>
</body>
</html>