tronnet/tronnet.net
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

use media query for responsive center-div class

Browse Source
This commit is contained in:
Arthur Lu 2022-12-11 21:28:53 -08:00
parent 1812120a32
commit 0810b361bd
1 changed files with 9 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
style.css
View File

@ -28,12 +28,21 @@ p {
text-align: left; text-align: left;
} }
@media screen and (min-width: 480px) {
.center-div { .center-div {
min-width: 480px; min-width: 480px;
max-width: 50%; max-width: 50%;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
}
@media screen and (max-width: 480px) {
.center-div {
width: 100%;
margin-left: auto;
margin-right: auto;
}
}
.btn-group { .btn-group {
margin: 0 auto; margin: 0 auto;