Создание образцов таблицы идет действительно неправильно ⇐ Html

[Anonymous]

Я действительно новичок в кодировании, и я беру урок кодирования, и это очень сбивает с толку. Мне было присвоено задачу воссоздать образец таблицы с использованием HTML /JavaScript, и есть несколько элементов, которые просто не работают. < /P>
Есть странные пространства и перекрытия между рядами и столбцами
-кнопки действительно не работают < /p>
Это код, который я написал, его супер, потому что я действительно новый для этого. class = "Snippet">

Код: Выделить всё

.dashboard {
padding: 10px;
}
h1 {
text-align: center;
background-color: hotpink;
padding: 20px 0;
margin: 0 0 10px 0;
}
.container {
display: grid;
grid-template-columns: 3fr 2fr;
grid-gap: 10px;
height: 70px;
}
.map {
background-color: pink;
display: flex;
justify-content: center;
align-items: center;
color: black;
font-size: 20px;
}
.sidepanel {
display: flex;
flex-direction: column;
}
.controls {
display: flex;
justify-content: space-around;
background-color: pink;
padding: 20px;
}
.bar-chart, .bar-chart2 {
display: flex;
justify-content: center;
align-items: center;
flex: 1;
background-color: pink;
color: black;
font-size: 20px;
margin: 5px;
}
.footer {
background-color: hotpink;
height: 40vh;
display: flex;
justify-content: center;
align-items: center;
color: black;
font-size: 30px;
margin-top: 10px;
gap: 10px;
}
button, select {
padding: 10px 15px;
border: none;
border-radius: 5px;
font-size: 20px;
background-color: pink;
}< /code>





CS14115




Session_06 - Dashboard with Placeholders

 Your map is here


map view
.               
Cases


Your bar chart here
Your bar chart II here


Your brushable line chart here

Подробнее здесь: https://stackoverflow.com/questions/796 ... ally-wrong