mobile view fix

This commit is contained in:
Laurens 2024-10-14 16:44:36 +02:00
parent 61d3db7273
commit 1a244acc0d
29 changed files with 375 additions and 98 deletions

View file

@ -124,4 +124,30 @@
.line {
border-top: 1px solid #FF6E00; /* Change color and thickness as needed */
margin: 10px 0; /* Adjust spacing between the line and the divs */
}
@media (max-width: 600px) {
.grid-container {
grid-template-columns: repeat(1, 1fr);
}
.grid-item {
padding: 0;
.header-with-image2 {
text-align: start;
}
}
.grid-container-small {
grid-template-columns: repeat(1, 1fr);
}
.header-with-image2 {
svg {
width: 48px;
height: 48px;
margin: 0 0 8px 0;
}
}
}

View file

@ -66,6 +66,7 @@
"col-12",
"column",
"container",
"containerdoublecolumn",
"content",
"cursor-pointer",
"fa",
@ -91,6 +92,7 @@
"g",
"grid-container",
"grid-container-small",
"grid-containerdoublecolumn",
"grid-item",
"group",
"gx-5",

View file

@ -1,5 +1,60 @@
{{ define "main" }} {{ partial "page-header" . }}
<!-- {{ partial "page-header" . }} -->
<!-- Features -->
{{ range $i, $e:= .Params.features }}
<section class="section-sm" style="background-color: #eeeeee;">
<div class="container">
<div class="row flex-row-reverse items-center justify-between">
<div
class="mb:md-0 {{ if not (modBool $i 2) }}
md:order-2
{{ end }} md:col-5 mb-6"
>
{{ partial "image" (dict "Src" .image "Alt" "feature image" "DisplayXL"
"520x" "DisplayLG" "425x" "DisplayMD" "360x") }}
</div>
<div
class="{{ if not (modBool $i 2) }}
md:order-1
{{ end }} md:col-7 lg:col-6"
>
<h2 class="mb-4">{{ .title | markdownify }}</h2>
<p class="mb-8 text-lg">{{ .content | markdownify }}</p>
<ul>
{{ range .bulletpoints }}
<li class="relative mb-4 pl-6">
<i class="fa fa-check absolute left-0 top-1.5"></i>
{{ . | markdownify }}
</li>
{{ end }}
</ul>
</div>
</div>
</div>
</section>
{{ end }}
<!-- /Features -->
<!--doublecolumn-->
<div class="containerdoublecolumn pt-14 pb-14">
<div class="grid-containerdoublecolumn">
{{ range $i, $e := .Params.doublecolumn }}
<div class="grid-itemdoublecolun">
<h3 class="">{{ .title | markdownify }}</h4>
<br>
<p class="">{{ .content | markdownify }}
</p>
</div>
{{ end }}
</div>
</div>
<!--/doublecolumn-->
<section class="section-sm">
<div class="container">
<div class="row justify-center">

View file

@ -42,7 +42,7 @@
<center><h2> Consortium</h2></center>
<div class="container">
<div class="container pt-14 pb-14">
<div class="grid-container">
{{ range $i, $e := .Params.features3 }}
@ -117,7 +117,7 @@
<center><h2> Fediverse Explained</h2></center>
<div class="container">
<div class="container pt-14 pb-14">
<div class="grid-container">
{{ range $i, $e := .Params.features2 }}
<div class="grid-item">

View file

@ -851,31 +851,31 @@
<picture>
<source
srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_545x0_resize_q80_h2_lanczos_3.webp"
srcset="/images/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_545x0_resize_q80_h2_lanczos.webp"
media="(max-width: 575px)" />
<source
srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_600x0_resize_q80_h2_lanczos_3.webp"
srcset="/images/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_600x0_resize_q80_h2_lanczos.webp"
media="(max-width: 767px)" />
<source
srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_700x0_resize_q80_h2_lanczos_3.webp"
srcset="/images/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_700x0_resize_q80_h2_lanczos.webp"
media="(max-width: 991px)" />
<source
srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_1110x0_resize_q80_h2_lanczos_3.webp"
srcset="/images/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_1110x0_resize_q80_h2_lanczos.webp"
/>
<img
loading="lazy" decoding="async"
src="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_1110x0_resize_lanczos_3.png"
src="/images/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_1110x0_resize_q80_lanczos.jpeg"
class=" w-full rounded img"
alt="Fediversity Tech Session"
width="500"
height="378" />
alt="Nordunet Conference 2024"
width="4032"
height="3024" />
</picture>
@ -888,7 +888,7 @@
<h4 class="mb-3">
<a href="/blog/fediversity-tech-session/"> Fediversity Tech Session </a>
<a href="/blog/nordunet-conference-2024/"> Nordunet Conference 2024 </a>
</h4>
<ul class="mb-4">
@ -909,8 +909,8 @@
</li>
</ul>
<p class="mb-6">Recently Fediversity hosted a tech session on NixOS and Kubernetes. We invited people within the community to discuss some design considerations of the Fediversity project with us.</p>
<a class="btn btn-outline-primary btn-sm" href="/blog/fediversity-tech-session/">
<p class="mb-6">Fediversity was represented in Bergen at the Nordunet Conference for 2024, with both the Internet Discourse Foundation and Nordunet themselves being present.</p>
<a class="btn btn-outline-primary btn-sm" href="/blog/nordunet-conference-2024/">
Read More
</a>
</div>
@ -998,31 +998,31 @@
<picture>
<source
srcset="/images/dc1_hu58840e307e8226cb8212843ce8494d49_6129825_545x0_resize_q80_h2_lanczos.webp"
srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_545x0_resize_q80_h2_lanczos_3.webp"
media="(max-width: 575px)" />
<source
srcset="/images/dc1_hu58840e307e8226cb8212843ce8494d49_6129825_600x0_resize_q80_h2_lanczos.webp"
srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_600x0_resize_q80_h2_lanczos_3.webp"
media="(max-width: 767px)" />
<source
srcset="/images/dc1_hu58840e307e8226cb8212843ce8494d49_6129825_700x0_resize_q80_h2_lanczos.webp"
srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_700x0_resize_q80_h2_lanczos_3.webp"
media="(max-width: 991px)" />
<source
srcset="/images/dc1_hu58840e307e8226cb8212843ce8494d49_6129825_1110x0_resize_q80_h2_lanczos.webp"
srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_1110x0_resize_q80_h2_lanczos_3.webp"
/>
<img
loading="lazy" decoding="async"
src="/images/dc1_hu58840e307e8226cb8212843ce8494d49_6129825_1110x0_resize_q80_lanczos.jpg"
src="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_1110x0_resize_lanczos_3.png"
class=" w-full rounded img"
alt="Nordunet Conference 2024"
width="4032"
height="3024" />
alt="Fediversity Tech Session"
width="500"
height="378" />
</picture>
@ -1035,7 +1035,7 @@
<h4 class="mb-3">
<a href="/blog/nordunet-conference-2024/"> Nordunet Conference 2024 </a>
<a href="/blog/fediversity-tech-session/"> Fediversity Tech Session </a>
</h4>
<ul class="mb-4">
@ -1056,8 +1056,8 @@
</li>
</ul>
<p class="mb-6">Fediversity was represented at the Nordunet Conference for 2024, with both the Internet Discourse Foundation and Nordunet themselves being present.</p>
<a class="btn btn-outline-primary btn-sm" href="/blog/nordunet-conference-2024/">
<p class="mb-6">Recently Fediversity hosted a tech session on NixOS and Kubernetes. We invited people within the community to discuss some design considerations of the Fediversity project with us.</p>
<a class="btn btn-outline-primary btn-sm" href="/blog/fediversity-tech-session/">
Read More
</a>
</div>

View file

@ -6,12 +6,12 @@
<description>Recent content in Categories on Fediversity</description>
<generator>Hugo -- gohugo.io</generator>
<language>en-us</language>
<lastBuildDate>Mon, 05 Aug 2024 05:00:00 +0000</lastBuildDate>
<lastBuildDate>Tue, 17 Sep 2024 05:00:00 +0000</lastBuildDate>
<atom:link href="//localhost:1313/categories/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>News</title>
<link>//localhost:1313/categories/news/</link>
<pubDate>Mon, 05 Aug 2024 05:00:00 +0000</pubDate>
<pubDate>Tue, 17 Sep 2024 05:00:00 +0000</pubDate>
<guid>//localhost:1313/categories/news/</guid>
<description></description>
</item>

View file

@ -766,31 +766,31 @@
<picture>
<source
srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_545x0_resize_q80_h2_lanczos_3.webp"
srcset="/images/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_545x0_resize_q80_h2_lanczos.webp"
media="(max-width: 575px)" />
<source
srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_600x0_resize_q80_h2_lanczos_3.webp"
srcset="/images/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_600x0_resize_q80_h2_lanczos.webp"
media="(max-width: 767px)" />
<source
srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_700x0_resize_q80_h2_lanczos_3.webp"
srcset="/images/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_700x0_resize_q80_h2_lanczos.webp"
media="(max-width: 991px)" />
<source
srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_1110x0_resize_q80_h2_lanczos_3.webp"
srcset="/images/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_1110x0_resize_q80_h2_lanczos.webp"
/>
<img
loading="lazy" decoding="async"
src="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_1110x0_resize_lanczos_3.png"
src="/images/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_1110x0_resize_q80_lanczos.jpeg"
class=" w-full rounded img"
alt="Fediversity Tech Session"
width="500"
height="378" />
alt="Nordunet Conference 2024"
width="4032"
height="3024" />
</picture>
@ -803,7 +803,7 @@
<h4 class="mb-3">
<a href="/blog/fediversity-tech-session/"> Fediversity Tech Session </a>
<a href="/blog/nordunet-conference-2024/"> Nordunet Conference 2024 </a>
</h4>
<ul class="mb-4">
@ -824,8 +824,8 @@
</li>
</ul>
<p class="mb-6">Recently Fediversity hosted a tech session on NixOS and Kubernetes. We invited people within the community to discuss some design considerations of the Fediversity project with us.</p>
<a class="btn btn-outline-primary btn-sm" href="/blog/fediversity-tech-session/">
<p class="mb-6">Fediversity was represented in Bergen at the Nordunet Conference for 2024, with both the Internet Discourse Foundation and Nordunet themselves being present.</p>
<a class="btn btn-outline-primary btn-sm" href="/blog/nordunet-conference-2024/">
Read More
</a>
</div>
@ -913,31 +913,31 @@
<picture>
<source
srcset="/images/dc1_hu58840e307e8226cb8212843ce8494d49_6129825_545x0_resize_q80_h2_lanczos.webp"
srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_545x0_resize_q80_h2_lanczos_3.webp"
media="(max-width: 575px)" />
<source
srcset="/images/dc1_hu58840e307e8226cb8212843ce8494d49_6129825_600x0_resize_q80_h2_lanczos.webp"
srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_600x0_resize_q80_h2_lanczos_3.webp"
media="(max-width: 767px)" />
<source
srcset="/images/dc1_hu58840e307e8226cb8212843ce8494d49_6129825_700x0_resize_q80_h2_lanczos.webp"
srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_700x0_resize_q80_h2_lanczos_3.webp"
media="(max-width: 991px)" />
<source
srcset="/images/dc1_hu58840e307e8226cb8212843ce8494d49_6129825_1110x0_resize_q80_h2_lanczos.webp"
srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_1110x0_resize_q80_h2_lanczos_3.webp"
/>
<img
loading="lazy" decoding="async"
src="/images/dc1_hu58840e307e8226cb8212843ce8494d49_6129825_1110x0_resize_q80_lanczos.jpg"
src="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_1110x0_resize_lanczos_3.png"
class=" w-full rounded img"
alt="Nordunet Conference 2024"
width="4032"
height="3024" />
alt="Fediversity Tech Session"
width="500"
height="378" />
</picture>
@ -950,7 +950,7 @@
<h4 class="mb-3">
<a href="/blog/nordunet-conference-2024/"> Nordunet Conference 2024 </a>
<a href="/blog/fediversity-tech-session/"> Fediversity Tech Session </a>
</h4>
<ul class="mb-4">
@ -971,8 +971,8 @@
</li>
</ul>
<p class="mb-6">Fediversity was represented at the Nordunet Conference for 2024, with both the Internet Discourse Foundation and Nordunet themselves being present.</p>
<a class="btn btn-outline-primary btn-sm" href="/blog/nordunet-conference-2024/">
<p class="mb-6">Recently Fediversity hosted a tech session on NixOS and Kubernetes. We invited people within the community to discuss some design considerations of the Fediversity project with us.</p>
<a class="btn btn-outline-primary btn-sm" href="/blog/fediversity-tech-session/">
Read More
</a>
</div>

View file

@ -6,8 +6,15 @@
<description>Recent content in News on Fediversity</description>
<generator>Hugo -- gohugo.io</generator>
<language>en-us</language>
<lastBuildDate>Mon, 05 Aug 2024 05:00:00 +0000</lastBuildDate>
<lastBuildDate>Tue, 17 Sep 2024 05:00:00 +0000</lastBuildDate>
<atom:link href="//localhost:1313/categories/news/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Nordunet Conference 2024</title>
<link>//localhost:1313/blog/nordunet-conference-2024/</link>
<pubDate>Tue, 17 Sep 2024 05:00:00 +0000</pubDate>
<guid>//localhost:1313/blog/nordunet-conference-2024/</guid>
<description>Fediversity was represented in Bergen at the Nordunet Conference for 2024, with both the Internet Discourse Foundation and Nordunet themselves being present.</description>
</item>
<item>
<title>Fediversity Tech Session</title>
<link>//localhost:1313/blog/fediversity-tech-session/</link>
@ -15,13 +22,6 @@
<guid>//localhost:1313/blog/fediversity-tech-session/</guid>
<description>Recently Fediversity hosted a tech session on NixOS and Kubernetes. We invited people within the community to discuss some design considerations of the Fediversity project with us.</description>
</item>
<item>
<title>Nordunet Conference 2024</title>
<link>//localhost:1313/blog/nordunet-conference-2024/</link>
<pubDate>Tue, 30 Jul 2024 05:00:00 +0000</pubDate>
<guid>//localhost:1313/blog/nordunet-conference-2024/</guid>
<description>Fediversity was represented at the Nordunet Conference for 2024, with both the Internet Discourse Foundation and Nordunet themselves being present.</description>
</item>
<item>
<title>PublicSpaces Conference 2024</title>
<link>//localhost:1313/blog/publicspaces-conference/</link>

View file

@ -675,6 +675,22 @@
</section>
<div class="containerdoublecolumn pt-14 pb-14">
<div class="grid-containerdoublecolumn">
</div>
</div>
<section class="section-sm">
<div class="container">
<div class="row justify-center">

View file

@ -757,12 +757,6 @@ select {
padding-right: 2rem;
padding-left: 2rem;
}
@media (min-width: 540px) {
.container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container {
@ -3042,15 +3036,26 @@ input#nav-toggle:checked ~ #nav-menu {
margin: 10px 0;
/* Adjust spacing between the line and the divs */ }
@media (min-width: 540px) {
@media (max-width: 600px) {
.grid-container {
grid-template-columns: repeat(1, 1fr); }
.grid-item {
padding: 0; }
.grid-item .header-with-image2 {
text-align: start; }
.grid-container-small {
grid-template-columns: repeat(1, 1fr); }
.header-with-image2 svg {
width: 48px;
height: 48px;
margin: 0 0 8px 0; } }
@media (min-width: 768px) {
.sm\:col-10 {
flex: 0 0 auto;
width: 83.33333333333334%;
}
}
@media (min-width: 768px) {
.md\:col-5 {
flex: 0 0 auto;
@ -3124,7 +3129,7 @@ input#nav-toggle:checked ~ #nav-menu {
}
}
@media (min-width: 540px) {
@media (min-width: 768px) {
.sm\:block {
display: block;
@ -3138,9 +3143,6 @@ input#nav-toggle:checked ~ #nav-menu {
--tw-bg-opacity: 1;
background-color: rgb(254 202 202 / var(--tw-bg-opacity));
}
}
@media (min-width: 768px) {
.md\:order-2 {
order: 2;

View file

@ -676,6 +676,22 @@
</section>
<div class="containerdoublecolumn pt-14 pb-14">
<div class="grid-containerdoublecolumn">
</div>
</div>
<section class="section-sm">
<div class="container">
<div class="row justify-center">

View file

@ -676,6 +676,22 @@
</section>
<div class="containerdoublecolumn pt-14 pb-14">
<div class="grid-containerdoublecolumn">
</div>
</div>
<section class="section-sm">
<div class="container">
<div class="row justify-center">

View file

@ -675,6 +675,22 @@
</section>
<div class="containerdoublecolumn pt-14 pb-14">
<div class="grid-containerdoublecolumn">
</div>
</div>
<section class="section-sm">
<div class="container">
<div class="row justify-center">

View file

@ -675,6 +675,22 @@
</section>
<div class="containerdoublecolumn pt-14 pb-14">
<div class="grid-containerdoublecolumn">
</div>
</div>
<section class="section-sm">
<div class="container">
<div class="row justify-center">

View file

@ -751,7 +751,7 @@
<center><h2> Consortium</h2></center>
<div class="container">
<div class="container pt-14 pb-14">
<div class="grid-container">
@ -1001,7 +1001,7 @@
<center><h2> Fediverse Explained</h2></center>
<div class="container">
<div class="container pt-14 pb-14">
<div class="grid-container">
<div class="grid-item">

View file

@ -676,6 +676,22 @@
</section>
<div class="containerdoublecolumn pt-14 pb-14">
<div class="grid-containerdoublecolumn">
</div>
</div>
<section class="section-sm">
<div class="container">
<div class="row justify-center">

View file

@ -676,6 +676,22 @@
</section>
<div class="containerdoublecolumn pt-14 pb-14">
<div class="grid-containerdoublecolumn">
</div>
</div>
<section class="section-sm">
<div class="container">
<div class="row justify-center">

View file

@ -676,6 +676,22 @@
</section>
<div class="containerdoublecolumn pt-14 pb-14">
<div class="grid-containerdoublecolumn">
</div>
</div>
<section class="section-sm">
<div class="container">
<div class="row justify-center">

View file

@ -676,6 +676,22 @@
</section>
<div class="containerdoublecolumn pt-14 pb-14">
<div class="grid-containerdoublecolumn">
</div>
</div>
<section class="section-sm">
<div class="container">
<div class="row justify-center">

View file

@ -674,6 +674,22 @@
</section>
<div class="containerdoublecolumn pt-14 pb-14">
<div class="grid-containerdoublecolumn">
</div>
</div>
<section class="section-sm">
<div class="container">
<div class="row justify-center">

View file

@ -3,22 +3,22 @@
xmlns:xhtml="http://www.w3.org/1999/xhtml">
<url>
<loc>//localhost:1313/</loc>
<lastmod>2024-08-05T05:00:00+00:00</lastmod>
<lastmod>2024-09-17T05:00:00+00:00</lastmod>
</url><url>
<loc>//localhost:1313/categories/</loc>
<lastmod>2024-08-05T05:00:00+00:00</lastmod>
<lastmod>2024-09-17T05:00:00+00:00</lastmod>
</url><url>
<loc>//localhost:1313/categories/news/</loc>
<lastmod>2024-09-17T05:00:00+00:00</lastmod>
</url><url>
<loc>//localhost:1313/blog/</loc>
<lastmod>2024-09-17T05:00:00+00:00</lastmod>
</url><url>
<loc>//localhost:1313/blog/nordunet-conference-2024/</loc>
<lastmod>2024-09-17T05:00:00+00:00</lastmod>
</url><url>
<loc>//localhost:1313/blog/fediversity-tech-session/</loc>
<lastmod>2024-08-05T05:00:00+00:00</lastmod>
</url><url>
<loc>//localhost:1313/categories/news/</loc>
<lastmod>2024-08-05T05:00:00+00:00</lastmod>
</url><url>
<loc>//localhost:1313/blog/</loc>
<lastmod>2024-08-05T05:00:00+00:00</lastmod>
</url><url>
<loc>//localhost:1313/blog/nordunet-conference-2024/</loc>
<lastmod>2024-07-30T05:00:00+00:00</lastmod>
</url><url>
<loc>//localhost:1313/blog/publicspaces-conference/</loc>
<lastmod>2024-07-30T05:00:00+00:00</lastmod>

View file

@ -676,6 +676,22 @@
</section>
<div class="containerdoublecolumn pt-14 pb-14">
<div class="grid-containerdoublecolumn">
</div>
</div>
<section class="section-sm">
<div class="container">
<div class="row justify-center">

View file

@ -757,12 +757,6 @@ select {
padding-right: 2rem;
padding-left: 2rem;
}
@media (min-width: 540px) {
.container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container {
@ -3042,15 +3036,26 @@ input#nav-toggle:checked ~ #nav-menu {
margin: 10px 0;
/* Adjust spacing between the line and the divs */ }
@media (min-width: 540px) {
@media (max-width: 600px) {
.grid-container {
grid-template-columns: repeat(1, 1fr); }
.grid-item {
padding: 0; }
.grid-item .header-with-image2 {
text-align: start; }
.grid-container-small {
grid-template-columns: repeat(1, 1fr); }
.header-with-image2 svg {
width: 48px;
height: 48px;
margin: 0 0 8px 0; } }
@media (min-width: 768px) {
.sm\:col-10 {
flex: 0 0 auto;
width: 83.33333333333334%;
}
}
@media (min-width: 768px) {
.md\:col-5 {
flex: 0 0 auto;
@ -3124,7 +3129,7 @@ input#nav-toggle:checked ~ #nav-menu {
}
}
@media (min-width: 540px) {
@media (min-width: 768px) {
.sm\:block {
display: block;
@ -3138,9 +3143,6 @@ input#nav-toggle:checked ~ #nav-menu {
--tw-bg-opacity: 1;
background-color: rgb(254 202 202 / var(--tw-bg-opacity));
}
}
@media (min-width: 768px) {
.md\:order-2 {
order: 2;

View file

@ -1113,3 +1113,17 @@
/* Change color and thickness as needed */
margin: 10px 0;
/* Adjust spacing between the line and the divs */ }
@media (max-width: 600px) {
.grid-container {
grid-template-columns: repeat(1, 1fr); }
.grid-item {
padding: 0; }
.grid-item .header-with-image2 {
text-align: start; }
.grid-container-small {
grid-template-columns: repeat(1, 1fr); }
.header-with-image2 svg {
width: 48px;
height: 48px;
margin: 0 0 8px 0; } }

View file

@ -33,7 +33,7 @@ module.exports = {
darkMode: "class",
theme: {
screens: {
sm: "540px",
sm: "768px",
md: "768px",
lg: "1024px",
xl: "1280px",