fix: Responsive design
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user