lapikud/lapikud.github.io
2
0
Fork 1
mirror of https://github.com/Lapikud/lapikud.github.io.git synced 2026-08-08 19:49: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 <div
class="grid {className}" 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 /> <slot />
</div> </div>
<style>
@media (min-width: 768px) {
.grid {
grid-template-columns: repeat(auto-fit, minmax(var(--min), 1fr)) !important;
}
}
</style>