juvi/website
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Fix grid and margins/paddings

Browse source
This commit is contained in:
danb 2024-10-23 13:12:57 +02:00
parent 5ec0b97823
commit 69b890ed09
No known key found for this signature in database
GPG key ID: F4195122BD1ABF14
1 changed files with 6 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
data/template.sgt
View file

@ -30,6 +30,9 @@ output-format:
<link rel="icon" type="image/x-icon" href="/todo.fav.jpg"> <link rel="icon" type="image/x-icon" href="/todo.fav.jpg">
<style> <style>
body { body {
margin: 2rem;
padding: 0;
background-image: url("pics/background.png"); background-image: url("pics/background.png");
background-repeat: repeat; background-repeat: repeat;
background-size: 200pt; background-size: 200pt;
@ -117,8 +120,6 @@ output-format:
.title-gfx { .title-gfx {
width: 100%; width: 100%;
padding: 2rem;
text-align: center; text-align: center;
} }
@ -128,7 +129,7 @@ output-format:
.graphics-grid { .graphics-grid {
display: grid; display: grid;
grid-template-columns: repeat(1, 1fr); grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 1rem; gap: 1rem;
@ -164,11 +165,11 @@ output-format:
} }
@media (min-width: 1200px) { @media (min-width: 1200px) {
.graphics-grid { grid-template-columns: repeat(2, 1fr); } .graphics-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
} }
@media (min-width: 1500px) { @media (min-width: 1500px) {
.graphics-grid { grid-template-columns: repeat(3, 1fr); } .graphics-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
} }
</style> </style>
</head> </head>