You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
55 lines
791 B
55 lines
791 B
body { |
|
margin: 0; |
|
} |
|
|
|
* { |
|
box-sizing: border-box; |
|
} |
|
|
|
.calc { |
|
display: grid; |
|
grid-template-columns: repeat(4,6rem); |
|
grid-template-rows: minmax(6rem,auto) repeat(5,4rem); |
|
gap: 1px; |
|
width: calc(24rem + 4px); |
|
background-color: #d9dbde; |
|
margin: 0 auto; |
|
border: 1px solid black; |
|
} |
|
|
|
.output { |
|
grid-column: 1 / span 4; |
|
display: flex; |
|
flex-direction: column; |
|
justify-content: space-evenly; |
|
align-items: flex-end; |
|
word-wrap: break-word; |
|
word-break: break-all; |
|
|
|
} |
|
|
|
.last-output { |
|
font-size: 20px; |
|
color: black; |
|
} |
|
|
|
.currrent-output { |
|
font-size: 3rem; |
|
color: black; |
|
} |
|
|
|
.button-ac { |
|
grid-column: 1 / span 2; |
|
} |
|
|
|
.button-equal { |
|
grid-column: 3 / span 2; |
|
} |
|
|
|
.calc > button { |
|
background-color: aliceblue; |
|
} |
|
|
|
.calc > button:hover { |
|
background-color: #b6b6b6; |
|
} |