fix: Responsive design

This commit is contained in:
2024-01-16 11:02:06 -05:00
parent 6f402076de
commit 744eab8541

View File

@@ -15,11 +15,11 @@ import Footer from './Footer.vue'
</div> </div>
<div class="space-y-4"> <div class="space-y-4 px-6">
<p>Here are a couple of popular pokemons:</p> <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"> <li class="bg-teal-800 hover:bg-teal-700 text-teal-100 rounded px-2 py-1">
<a href="/pokemon/1">Bulbasaur</a> <a href="/pokemon/1">Bulbasaur</a>