Finish 8b
This commit is contained in:
40
M1/beispiele/m1_8b_layout.html
Normal file
40
M1/beispiele/m1_8b_layout.html
Normal file
@@ -0,0 +1,40 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<style>
|
||||
.grid-container1 {
|
||||
display: grid;
|
||||
grid-template-columns: 100px 100px 100px;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.grid-container2 {
|
||||
display: grid;
|
||||
grid-template-rows: 50px 50px 50px;
|
||||
}
|
||||
.grid-container3 {
|
||||
display: grid;
|
||||
justify-content: center;
|
||||
}
|
||||
.grid-item {
|
||||
background: green;
|
||||
}
|
||||
</style>
|
||||
<meta charset="UTF-8">
|
||||
<title>Grid</title>
|
||||
</head>
|
||||
<body>
|
||||
<div class="grid-container1">
|
||||
<p class="grid-item">Test</p>
|
||||
<p class="grid-item">Test</p>
|
||||
<p class="grid-item">Test</p>
|
||||
</div>
|
||||
<div class="grid-container2">
|
||||
<p class="grid-item">Test</p>
|
||||
<p class="grid-item">Test</p>
|
||||
<p class="grid-item">Test</p>
|
||||
</div>
|
||||
<div class="grid-container3">
|
||||
<p class="grid-item">Test</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user