fix(landing): Ensure pull example appears shows on mobile

Signed-off-by: Alexander Jung <[email protected]>
unikraft · Mar 8, 2024 · d4157f7 · d4157f7
1 parent a72d5f3
commit d4157f7
Showing 1 changed file with 12 additions and 11 deletions.
diff --git 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,17 +156,17 @@ 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'
             name='Rust'
           >
             <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'