45 lines
1021 B
HTML
45 lines
1021 B
HTML
<!--
|
|
- Praktikum DBWT. Autoren:
|
|
- Robert, Joel, 3672729
|
|
- Şafak, Hazinedar, 3108590
|
|
-->
|
|
<!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> |