yanlin/homepage
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

futher adjustment of responsive design

Browse source
This commit is contained in:
Yan Lin 2026-02-04 07:51:21 +01:00
parent 3a2ede48fb
commit 1683c40dd6
1 changed files with 8 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

9
dist/css/index.css vendored
View file

@ -123,7 +123,7 @@ h5 {
.container { .container {
--bs-gutter-x: 1.5rem; --bs-gutter-x: 1.5rem;
width: 100%; width: 100%;
max-width: 1200px; max-width: 1320px;
padding-right: calc(var(--bs-gutter-x) * 0.5); padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5);
margin-right: auto; margin-right: auto;
@ -131,6 +131,13 @@ h5 {
flex: 1 0 auto; flex: 1 0 auto;
} }
@media (min-width: 800px) {
.container {
padding-right: 4rem;
padding-left: 4rem;
}
}
.row { .row {
--bs-gutter-x: 1.5rem; --bs-gutter-x: 1.5rem;
--bs-gutter-y: 0; --bs-gutter-y: 0;