update style.css with responsive center-div

This commit is contained in:
Arthur Lu 2022-12-11 21:31:28 -08:00
parent dc778fe317
commit f1f820aeb2

View File

@ -28,11 +28,21 @@ p {
text-align: left; text-align: left;
} }
@media screen and (min-width: 480px) {
.center-div { .center-div {
width: 50%; min-width: 480px;
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;