LukeParke/website
1
0
Fork 0
mirror of https://github.com/LukeHagar/website.git synced 2025-12-09 12:57:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix tutorial card spacing mobile

Browse Source
This commit is contained in:
ernstmul
2024-09-10 12:59:45 +02:00
parent 00ed56efc6
commit 3b5fe2a4de
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/routes/docs/tutorials/+page.svelte
View File

@@ -70,7 +70,7 @@
{#each data.tutorials as category} {#each data.tutorials as category}
<section class="flex flex-col gap-6"> <section class="flex flex-col gap-6">
<h2 class="text-micro uppercase">{category.title}</h2> <h2 class="text-micro uppercase">{category.title}</h2>
<ul class="web-grid-row-4 web-grid-row-4-mobile-2"> <ul class="web-grid-row-4 web-grid-row-4-mobile-1 ">
{#each category.tutorials as tutorial} {#each category.tutorials as tutorial}
<li> <li>
{#if tutorial.draft === true} {#if tutorial.draft === true}

2
src/scss/9-grids/_grid-row-4.scss
View File

@@ -1,7 +1,7 @@
@use '../abstract' as *; @use '../abstract' as *;
.#{$p}-grid-row-4 { .#{$p}-grid-row-4 {
--p-gap: #{pxToRem(32)}; --p-gap: #{pxToRem(20)};
display:grid; gap:var(--p-gap); display:grid; gap:var(--p-gap);