gondor calls for aid

HenrikEide · Aug 31, 2024 · c55ce7f · c55ce7f
1 parent dd7bc76
commit c55ce7f
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 10 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -100,24 +100,35 @@ export default function App() {
             </h1>
           </div>
         </header>
-        <div className="py-6">
-            <div className="mx-auto max-w-7xl py-4 mb-6">
-              <CardL/>
-            </div>
+        <div className="py-2">
+          <div className="mx-auto max-w-7xl py-4 mb-6">
+            <CardL />
+          </div>
         </div>
+
         <div className="mx-auto max-w-7xl py-6 sm:px-6 lg:px-8">
           <div className="px-4 py-6 sm:px-0 flex flex-col space-y-8 text-xs">
             <h2 className="text-xl font-bold tracking-tight text-gray-900 mb-2">
               Legacy content
             </h2>
             <p className="text-gray-700">
-              <a href="/musicquiz" className="font-bold border-2 p-1 mr-4 bg-slate-200 
-              hover:bg-slate-300">Musicquiz</a>
+              <a
+                href="/musicquiz"
+                className="font-bold border-2 p-1 mr-4 bg-slate-200 
+              hover:bg-slate-300"
+              >
+                Musicquiz
+              </a>
               I am going to be ultra copyright destroyed
             </p>
             <p className="text-gray-700">
-              <a href="/supermariorl" className="font-bold border-2 p-1 mr-4 bg-slate-200 
-              hover:bg-slate-300">Super Mario Irl</a>
+              <a
+                href="/supermariorl"
+                className="font-bold border-2 p-1 mr-4 bg-slate-200 
+              hover:bg-slate-300"
+              >
+                Super Mario Irl
+              </a>
               My first site, kept as a reminder that we all start somewhere
             </p>
           </div>

diff --git a/src/CardL.tsx b/src/CardL.tsx
@@ -6,8 +6,11 @@ export default function CardL() {
       <div className="container m-auto flex px-6 text-gray-600 md:px-12 xl:px-6 flex-wrap sm:flex-nowrap">
         <div className="space-y-6 md:space-y-0 md:flex md:gap-6 lg:items-center lg:gap-12 sm:max-w-md">
           {/* Embed website */}
-          <embed src="https://tavla.entur.no/y2moNW6V6SRKftFunSFA" 
-            width={Math.min(window.innerWidth, 700)} height={Math.min(window.innerHeight - 75, 1000)}/>
+          <embed
+            src="https://tavla.entur.no/y2moNW6V6SRKftFunSFA"
+            width={Math.min(window.innerWidth, 650)}
+            height={Math.min(window.innerHeight - 75, 1000)}
+          />
         </div>
       </div>
     </div>