Compare commits
2 Commits
a136705022
...
325d06770c
| Author | SHA1 | Date | |
|---|---|---|---|
| 325d06770c | |||
| 89489eaf6c |
17
gameboard
Normal file
17
gameboard
Normal file
@ -0,0 +1,17 @@
|
|||||||
|
.header {
|
||||||
|
/* layout header */
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
padding: 6px 10px;
|
||||||
|
width: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
|
||||||
|
/* glass style */
|
||||||
|
background: rgba(255, 255, 255, 0.25);
|
||||||
|
backdrop-filter: blur(14px);
|
||||||
|
border-top: 2px solid rgba(255, 255, 255, 0.4);
|
||||||
|
border-bottom: 2px solid rgba(255, 255, 255, 0.4);
|
||||||
|
|
||||||
|
/* nested element styling */
|
||||||
|
}
|
||||||
@ -3,9 +3,24 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>Document</title>
|
<title>Memory Card</title>
|
||||||
|
<link rel="stylesheet" href="">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
test
|
<div id = "container">
|
||||||
|
<div class="header">
|
||||||
|
<div class="right-info">
|
||||||
|
<div class="pill">
|
||||||
|
<span class="icon">⏱</span> 60s
|
||||||
|
</div>
|
||||||
|
<div class="pill">
|
||||||
|
<span class="icon">⭐</span> 0
|
||||||
|
</div>
|
||||||
|
<div class="pill">
|
||||||
|
<span class="icon">🎯</span> 0
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
Loading…
x
Reference in New Issue
Block a user