Olá!Estou fazendo uma calculadora de um video no youtube e não estou conseguindo achar o erro que é colocar os numeros do botão no meio,alguem pode me ajudar ?
nome do canal hora de codar com o matheus.
Calculadora 2
Calculadora
123 +
412
CECDEL/789X456-123+0.=
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: Helvetica;
}
body {
background-color: #333;
display: flex;
align-items: center;
justify-content: center;
padding: 3em;
}
#quadrado1 {
width: 400px;
padding: 0.5em;
background-color: #c4c4c4;
color: #000;
display: flex;
flex-direction: column;
}
h3 {
font-size: .8em;
font-weight: 300;
color: #666;
}
#operations {
text-align: right;
}
#previous-operation {
color: #777;
padding: 0.2em;
overflow-wrap: break-word;
min-height: 1.6em;
}
#current-operation {
min-height: 1.6em;
font-size: 3em;
font-weight: 700;
padding: 0.2em;
overflow-wrap: break-word;
}
#previous-operation {
color: #777;
}
#current-operation {
font-size: 3em;
font-weight: 700;
}
#buttons-container {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr ;
gap: 3px;
}
#buttons-container botton {
border: 1px solid transparent;
border-radius: 0;
height: 4em;
font-size: 1.2em;
background-color: #dbdbdb;
cursor: pointer;
}
#buttons-container .C {
background-color: #f3f3f3;
}
#buttons-container botton:hover {
background-color: #bababa;
border-color: #999;
}
#buttons-container #Igual {
grid-column: span 2;
background-color: #75a5cb;
}
#buttons-container #Igual:hover {
background-color: #3a91d8;
}