Octavia/odin-calculator
Watch
1
0
Fork
You've already forked odin-calculator
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Adjust styles for smaller screens

Browse source
This commit is contained in:
lolabird 2023-12-29 12:18:18 -07:00
commit c64a73f4e6
1 changed files with 6 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

6
style.css
View file

@ -33,6 +33,7 @@ header {
flex: 0 0 auto; flex: 0 0 auto;
padding: 15px 0; padding: 15px 0;
background-color: var(--dark-trans); background-color: var(--dark-trans);
max-width: 100%;
} }
header h1 { header h1 {
@ -172,6 +173,7 @@ footer {
padding: 10px; padding: 10px;
background-color: var(--dark-trans); background-color: var(--dark-trans);
letter-spacing: 2px; letter-spacing: 2px;
max-width: 100%;
} }
footer a { footer a {
@ -185,10 +187,14 @@ footer a:hover, footer a:focus {
} }
@media only screen and (max-width: 600px) { @media only screen and (max-width: 600px) {
header h1 {
font-size: 50px;
}
.calculator { .calculator {
max-width: 90vw; max-width: 90vw;
height: 70%; height: 70%;
box-sizing: border-box;
} }
.main-screen { .main-screen {