fix: icon alignment

This commit is contained in:
Cory Dransfeldt 2023-06-27 11:04:09 -07:00
parent 8c000990b2
commit 68bafb6f66
No known key found for this signature in database

View file

@ -7,16 +7,16 @@ layout: main
<div class="ml-1">Currently</div> <div class="ml-1">Currently</div>
</h2> </h2>
<div class="pl-4 md:pl-8"> <div class="pl-4 md:pl-8">
<p class="my-2 flex flex-row items-center"> <p class="my-2 flex flex-row items-start md:items-center">
<span class="mr-1">{{ status.emoji }}</span> <span class="pt-1 md:pt-0 mr-1">{{ status.emoji }}</span>
<span>{{ status.content }}</span> <span>{{ status.content }}</span>
</p> </p>
<p class="my-2 flex flex-row items-center"> <p class="my-2 flex flex-row items-start md:items-center">
<span class="mr-1">{% heroicon "outline" "map" "Map" "width=22 height=22" %}</span> <span class="pt-1 md:pt-0 mr-1">{% heroicon "outline" "map" "Map" "width=22 height=22" %}</span>
<span>Living in Camarillo, California with my beautiful family, 4 rescue dogs and a guinea pig.</span> <span>Living in Camarillo, California with my beautiful family, 4 rescue dogs and a guinea pig.</span>
</p> </p>
<p class="my-2 flex flex-row items-center"> <p class="my-2 flex flex-row items-start md:items-center">
<span class="mr-1"> <span class="pt-1 md:pt-0 mr-1">
<svg <svg
class="fill-gray-800 dark:fill-white w-5" class="fill-gray-800 dark:fill-white w-5"
role="img" role="img"
@ -35,8 +35,8 @@ layout: main
<div class="ml-1">Making</div> <div class="ml-1">Making</div>
</h2> </h2>
<div class="pl-4 md:pl-8"> <div class="pl-4 md:pl-8">
<p class="my-2 flex flex-row items-center"> <p class="my-2 flex flex-row items-start md:items-center">
<span class="mr-1"> <span class="pt-1 md:pt-0 mr-1">
{% heroicon "outline" "code-bracket" "Hacking" "width=20 height=20" %} {% heroicon "outline" "code-bracket" "Hacking" "width=20 height=20" %}
</span> </span>
<span> <span>
@ -44,8 +44,8 @@ layout: main
<a href="/">blog</a>, and whatever else I can find time for. <a href="/">blog</a>, and whatever else I can find time for.
</span> </span>
</p> </p>
<p class="my-2 flex flex-row items-center"> <p class="my-2 flex flex-row items-start md:items-center">
<span class="mr-1">{% heroicon "outline" "x-circle" "Ad and tracker-blocking" "width=20 height=20" %}</span> <span class="pt-1 md:pt-0 mr-1">{% heroicon "outline" "x-circle" "Ad and tracker-blocking" "width=20 height=20" %}</span>
<a href="https://github.com/cdransf/awesome-adblock">Assembling lists of ad and tracker-blocking tools.</a> <a href="https://github.com/cdransf/awesome-adblock">Assembling lists of ad and tracker-blocking tools.</a>
</p> </p>
</div> </div>