lapikud/lapikud.github.io
2
0
Fork 1
mirror of https://github.com/Lapikud/lapikud.github.io.git synced 2026-08-08 14:29:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

mobile view grid changes

Browse Source
This commit is contained in:
Henri
2026-02-12 02:33:02 +02:00
parent 21d4b61763
commit ecf19c4522
1 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/layout/Grid.svelte
View File

@@ -12,7 +12,15 @@ spacing. Content is projected into the default slot.
<div
class="grid {className}"
style="grid-template-columns: repeat(auto-fit, minmax({min}, 1fr)); gap: {gap};"
style="--min: {min}; --gap: {gap}; grid-template-columns: 1fr; gap: var(--gap);"
>
<slot />
</div>
<style>
@media (min-width: 768px) {
.grid {
grid-template-columns: repeat(auto-fit, minmax(var(--min), 1fr)) !important;
}
}
</style>