Skip to content

Commit 97d6d5e

Browse files
devhyperdevhyper
committed
Updated flex tiles.
1 parent 3685f36 commit 97d6d5e

1 file changed

Lines changed: 23 additions & 9 deletions

File tree

‎index.html‎

Lines changed: 23 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
<html>
22
<head>
3+
<meta name="viewport" content="width=device-width, initial-scale=1">
34
<!-- Global site tag (gtag.js) - Google Analytics -->
45
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-176277833-1"></script>
56
<script>
@@ -26,14 +27,29 @@
2627
}
2728
#flex-container {
2829
display: flex;
29-
order: 3;
30+
flex-wrap: wrap;
3031
justify-content: space-evenly;
31-
align-content: space-around;
32+
align-content: space-between;
3233
}
3334
.tile {
34-
background-image: radial-gradient(#FFD9CE, #DB5461);
35-
width: 100px;
36-
height: 100px;
35+
background-image: linear-gradient(to bottom right, #f5af19, #f12711);
36+
width: 250px;
37+
height: 250px;
38+
margin-top: 25px;
39+
border-radius: 10px;
40+
}
41+
.break {
42+
flex-basis: 100%;
43+
height: 0;
44+
}
45+
.image {
46+
width: 200px;
47+
height: 200px;
48+
text-align: center;
49+
display: block;
50+
margin: auto;
51+
padding-top: 20px;
52+
border-radius: 25px;
3753
}
3854
</style>
3955
</head>
@@ -42,9 +58,7 @@
4258
<h1>DevHyper</h1>
4359
<h2>I create and design software.</h2>
4460
<div id="flex-container">
45-
<div class="tile"> <span>1</span></div>
46-
<div class="tile"> <span>2</span></div>
47-
<div class="tile"> <span>3</span></div>
61+
<div class="tile"> <img class="image" src=""></div>
4862
</div>
4963
</body>
50-
</html>
64+
</html>

0 commit comments

Comments
 (0)