add table to aside left

This commit is contained in:
Ronan 2022-12-12 17:14:51 +01:00
parent 1704b7ceec
commit 5d984e9618
2 changed files with 44 additions and 3 deletions

View file

@ -27,8 +27,26 @@
</nav> </nav>
<div class="container"> <div class="container">
<aside class="left-sidebar"> <aside class="left-sidebar">
<table> <table border="1">
SCORE <thead>
<th>Name</th>
<th>Score</th>
</thead>
<tbody id="scoreTable">
<tr>
<td>
Axel
</td>
<td>1</td>
</tr>
<tr>
<td>
Ronan
</td>
<td>2</td>
</tr>
</tbody>
</table> </table>
</aside> </aside>
<main> <main>

View file

@ -29,7 +29,7 @@ main {
aside { aside {
margin: 0 auto; margin: 0 auto;
float: left; float: left;
width: 10rem; width: 20rem;
justify-content: space-between; justify-content: space-between;
flex-direction: column; flex-direction: column;
} }
@ -73,6 +73,29 @@ footer p:last-child {
font-weight: bolder; font-weight: bolder;
} }
table {
border-collapse: collapse;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
width:100%;
}
thead {
width:100%;
background:#000;
padding:(12px * 1.5) 0;
color:wheat;
}
tr {
text-align: center;
width:100%;
padding:(12px * 1.5) 0;
}
tr:nth-of-type(even) {
background:lightgray;
}
.text-bubble { .text-bubble {
position: relative; position: relative;
margin: auto; margin: auto;