oskarb/randomize-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add mediaquery for smaller screens

Browse Source
This commit is contained in:
Oskar-Mikael
2021-01-27 00:05:51 +01:00
parent 22d623e9e3
commit 07a2505e08
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
style.css
View File

@@ -22,13 +22,14 @@ button {
padding: 1rem 1.5rem; padding: 1rem 1.5rem;
border-radius: 5px; border-radius: 5px;
background-color: burlywood; background-color: burlywood;
outline: none;
cursor: pointer; cursor: pointer;
border: none;
} }
ol { ol {
padding: 0; padding: 0;
margin-bottom: 5rem; margin-bottom: 5rem;
list-style-type: none;
} }
ol>li { ol>li {
@@ -44,3 +45,9 @@ ol>li {
#reset { #reset {
margin-top: 5rem; margin-top: 5rem;
} }
@media screen and (max-width:768px) {
#grid {
grid-template-columns: 1fr;
}
}