From d4157f7aeff478e6d379de0ff01d96b7a033bf05 Mon Sep 17 00:00:00 2001
From: Alexander Jung <alex@unikraft.io>
Date: Fri, 8 Mar 2024 14:59:30 +0100
Subject: [PATCH] fix(landing): Ensure pull example appears shows on mobile

Signed-off-by: Alexander Jung <alex@unikraft.io>
---
 src/components/landing/catalog-strip.tsx | 23 ++++++++++++-----------
 1 file changed, 12 insertions(+), 11 deletions(-)

diff --git a/src/components/landing/catalog-strip.tsx b/src/components/landing/catalog-strip.tsx
index f9d22437..db79737c 100644
--- a/src/components/landing/catalog-strip.tsx
+++ b/src/components/landing/catalog-strip.tsx
@@ -34,6 +34,7 @@ const PullExample = (props) => {
         fontWeight={'bold'}
         color={'slate.700'}
         fontSize={{ base: '2xl' }}
+        pb={4}
       >
         {title}
       </Heading>
@@ -155,10 +156,6 @@ export function CatalogStrip(props: BoxProps) {
           >
             <Image alt='C++' src='/logos/lang-cpp.svg' maxW='20' minH='24' mx='auto' />
           </AppLink>
-          <PullExample
-            title="Try out you first unikernel"
-            snippet="kraft run --rm unikraft.org/helloworld:latest"
-            />
           <AppLink
             href='https://github.com/unikraft/catalog/tree/main/examples/helloworld-rs'
             accentColor='black'
@@ -166,6 +163,10 @@ export function CatalogStrip(props: BoxProps) {
           >
             <Image alt='Rust' src={`/logos/lang-rust-dark.svg`} maxW='20' minH='24' mx='auto' />
           </AppLink>
+          <PullExample
+            title="Try out your first unikernel"
+            snippet="kraft run --rm unikraft.org/helloworld:latest"
+            />
           <AppLink
             href='https://github.com/unikraft/catalog/tree/main/examples/http-go1.21'
             accentColor='#01ADD7'
@@ -228,13 +229,6 @@ export function CatalogStrip(props: BoxProps) {
           >
             <Image alt='Ruby' src={`/logos/lang-ruby.svg`} maxW='20' minH='24' mx='auto' />
           </AppLink>
-          <AppLink
-            href='https://github.com/unikraft/catalog/tree/main/library/php/8.2'
-            accentColor='#777BB3'
-            name='PHP'
-          >
-            <Image alt='PHP' src={`/logos/lang-php.svg`} maxW='28' minH='24' mx='auto' />
-          </AppLink>
           <AppLink
             href='https://github.com/unikraft/catalog/tree/main/library/caddy/2.7'
             accentColor='#22B638'
@@ -246,6 +240,13 @@ export function CatalogStrip(props: BoxProps) {
             title="Run your next Caddy proxy with Unikraft"
             snippet="kraft run --rm -p 2015:2015 unikraft.org/caddy:2.7"
             />
+          <AppLink
+            href='https://github.com/unikraft/catalog/tree/main/library/php/8.2'
+            accentColor='#777BB3'
+            name='PHP'
+          >
+            <Image alt='PHP' src={`/logos/lang-php.svg`} maxW='28' minH='24' mx='auto' />
+          </AppLink>
           <AppLink
             href='https://github.com/unikraft/catalog/tree/main/library/memcached/1.6'
             accentColor='#776A65'