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>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Document</title>
|
||||
<title>Memory Card</title>
|
||||
<link rel="stylesheet" href="">
|
||||
</head>
|
||||
<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>
|
||||
</html>
|
||||
Loading…
x
Reference in New Issue
Block a user