Skip to content

Commit 5f40a17

Browse files
MDJAminMDJAmin
committed
Code 2 - Class 4
1 parent bbb1f7e commit 5f40a17

2 files changed

Lines changed: 50 additions & 0 deletions

File tree

‎Block Chain Collage Code 2/5/css/style.css‎

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
* {
2+
margin: 0;
3+
padding: 0;
4+
box-sizing: border-box;
5+
}
6+
7+
.item {
8+
background-color: rgb(186, 41, 41);
9+
border: 1px solid red;
10+
/* width: 50px;
11+
height: 100px; */
12+
}
13+
14+
.container {
15+
width: 100%;
16+
display: grid;
17+
height: 600px;
18+
/* grid-template-columns: 100px 100px 100px 100px 100px 100px; */
19+
/* grid-template-rows: 100px 100px 100px 100px 100px 100px; */
20+
/* grid-template-rows: 100px 100px 100px; */
21+
/* grid-template-columns: 4fr 2fr 2fr; */
22+
/* grid-template-columns: repeat(2, 100px); */
23+
/* grid-template-columns: minmax(400px, 3fr) 1fr; */
24+
/* grid-template-columns: repeat(2,100px);
25+
grid-template-rows: repeat(2,100px);
26+
justify-content: space-between;
27+
align-items: center; */
28+
grid-template-columns: repeat(4, 100px);
29+
grid-template-rows: repeat(auto-fit, minmax(100px, 1fr));
30+
}

‎Block Chain Collage Code 2/5/index.html‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta
6+
name="viewport"
7+
content="width=device-width, initial-scale=1.0"
8+
/>
9+
<link rel="stylesheet" href="css/style.css">
10+
<title>Document</title>
11+
</head>
12+
<body>
13+
<section class="container">
14+
<div class="item item-1"></div>
15+
<div class="item item-2"></div>
16+
<div class="item item-3"></div>
17+
<!-- <div class="item item-4"></div> -->
18+
</section>
19+
</body>
20+
</html>

0 commit comments

Comments
 (0)