style solutions page

http4k · Oct 7, 2024 · 576eebd · 576eebd
1 parent 970612b
commit 576eebd
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 33 deletions.
diff --git a/src/website/layouts/ecosystem/list.html b/src/website/layouts/ecosystem/list.html
@@ -8,6 +8,7 @@ <h1>{{ .Title }}</h1>
             {{ range where .Site.RegularPages "Type" "eq" "ecosystem" }}
             {{ $ecosystem := .Params.ecosystem }}
             <div class="col">
+                <a href="{{ .RelPermalink }}/"></a>
                 <div class="card h-100">
                     <div class="card-body d-flex flex-column">
                         {{ $data := index .Site.Data.ecosystem $ecosystem }}

diff --git a/src/website/layouts/solutions/single.html b/src/website/layouts/solutions/single.html
@@ -11,27 +11,30 @@ <h1>{{ .Title }}</h1>
                     <a class="btn btn-secondary" href="mailto://{{.Params.email}}"><b>Contact us</b></a>
                 </div>
 
-                <div class="my-5">
+                <div class="mt-5">
                     {{ partial "shared/highlight.html" .Params.highlights }}
                 </div>
             </article>
-
-            {{ with .Params.faq }}
-            <ul>
-                {{ range . }}
-                <li>
-                    <h2>{{ .question }}</h2>
-                    <p>{{ .answer }}</p>
-                </li>
-                {{ end }}
-            </ul>
-            {{ end }}
-
         </div>
-
     </main>
+</div>
 
+{{ with .Params.faq }}
+<div class="my-5 py-5" style="background-color: #f8f8f8">
+    <div class="m-5 p-5 card-shadow justify-content-center">
+
+        <h1>Frequently Asked Questions</h1>
+        <ul style="list-style: circle" class="mt-5">
+            {{ range . }}
+            <li>
+                <h2>{{ .question }}</h2>
+                <p>{{ .answer }}</p>
+            </li>
+            {{ end }}
+        </ul>
+    </div>
 </div>
+{{ end }}
 
 {{ partial "shared/cta.html" ( dict "hideImages" true "page" .) }}
 

diff --git a/src/website/static/css/styles.css b/src/website/static/css/styles.css
@@ -96,25 +96,9 @@
     pointer-events: none;
 }
 
-@media (min-width: 968px) {
-    .layout {
-        display: flex;
-        justify-content: center;
-    }
-}
-
-@media (max-width: 768px) {
-    .layout {
-        display: flex;
-        justify-content: center;
-    }
-}
-
-@media (max-width: 575px) {
-    .layout {
-        display: flex;
-        justify-content: center;
-    }
+.layout {
+    display: flex;
+    justify-content: center;
 }
 
 .main-content {