fix: Responsive design

2024-01-16 11:02:06 -05:00
parent 6f402076de
commit 744eab8541
1 changed files with 2 additions and 2 deletions
--- a/src/components/About.vue
+++ b/src/components/About.vue
@@ -15,11 +15,11 @@ import Footer from './Footer.vue'

            </div>

-            <div class="space-y-4">
+            <div class="space-y-4 px-6">

                <p>Here are a couple of popular pokemons:</p>

-                <ul class="flex items-center gap-2 text-sm">
+                <ul class="flex flex-wrap justify-center items-center gap-2 text-sm">

                    <li class="bg-teal-800 hover:bg-teal-700 text-teal-100 rounded px-2 py-1">
                        <a href="/pokemon/1">Bulbasaur</a>