minor tweaks
This commit is contained in:
+6
-6
@@ -72,10 +72,10 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="grid grid-cols-1 xl:grid-cols-3 min-h-[50vh] p-4 md:p-0 bg-zinc-800">
|
<div class="grid grid-cols-1 xl:grid-cols-3 min-h-[50vh] p-4 md:p-0 bg-zinc-800">
|
||||||
|
|
||||||
<a href="https://tomodachi.annikadev.com" class="relative pb-4 md:pb-0 md:mb-24">
|
<a href="https://tomodachi.annikadev.com" class="relative pb-4 md:pb-0 mb-4 md:mb-0">
|
||||||
<img src="./src/img/screenshots/tomodachi.jpg" alt="Tomodachi" class="object-left object-cover h-full w-full rounded-lg md:rounded-none">
|
<img src="./src/img/screenshots/tomodachi.jpg" alt="Tomodachi" class="object-left object-cover h-full w-full rounded-lg md:rounded-none">
|
||||||
<div class="absolute top-0 left=0 w-full h-full flex flex-col justify-end hover:bg-rose-700/30 hover:backdrop-blur-md">
|
<div class="absolute top-0 left=0 w-full h-full flex flex-col justify-end hover:bg-rose-700/30 hover:backdrop-blur-md">
|
||||||
<div class="h-36 w-full backdrop-blur-md bg-slate-700/60 flex flex-col justify-center text-zinc-100 p-4 rounded-b-lg md:rounded-none border-t-8 border-rose-700">
|
<div class="h-48 w-full backdrop-blur-sm bg-slate-700/60 flex flex-col justify-center text-zinc-100 p-4 rounded-b-lg md:rounded-none border-t-8 border-rose-700">
|
||||||
<div class="flex justify-start">
|
<div class="flex justify-start">
|
||||||
<h3 class="text-center text-2xl pr-2">Tomodachi</h3>
|
<h3 class="text-center text-2xl pr-2">Tomodachi</h3>
|
||||||
<p class="text-md md:text-lg pl-2 border-l-2 border-zinc-400">A stylish static webpage using CSS and Bootstrap.</p>
|
<p class="text-md md:text-lg pl-2 border-l-2 border-zinc-400">A stylish static webpage using CSS and Bootstrap.</p>
|
||||||
@@ -89,10 +89,10 @@
|
|||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<a href="https://code.annikadev.com/annika/budgit" class="relative pb-4 md:pb-0 md:mb-24">
|
<a href="https://code.annikadev.com/annika/budgit" class="relative pb-4 md:pb-0 mb-4 md:mb-0">
|
||||||
<img src="./src/img/screenshots/budgit.jpg" alt="Budg.it" class="object-left object-cover h-full w-full rounded-lg md:rounded-none">
|
<img src="./src/img/screenshots/budgit.jpg" alt="Budg.it" class="object-left object-cover h-full w-full rounded-lg md:rounded-none">
|
||||||
<div class="absolute top-0 left=0 w-full h-full flex flex-col justify-end hover:bg-rose-700/30 hover:backdrop-blur-md">
|
<div class="absolute top-0 left=0 w-full h-full flex flex-col justify-end hover:bg-rose-700/30 hover:backdrop-blur-md">
|
||||||
<div class="h-36 w-full backdrop-blur-md bg-slate-700/60 flex flex-col justify-center text-zinc-100 p-4 rounded-b-lg md:rounded-none border-t-8 border-rose-700">
|
<div class="h-48 w-full backdrop-blur-sm bg-slate-700/60 flex flex-col justify-center text-zinc-100 p-4 rounded-b-lg md:rounded-none border-t-8 border-rose-700">
|
||||||
<div class="flex justify-start">
|
<div class="flex justify-start">
|
||||||
<h3 class="text-center text-2xl pr-2">Budg.it</h3>
|
<h3 class="text-center text-2xl pr-2">Budg.it</h3>
|
||||||
<p class="text-md md:text-lg pl-2 border-l-2 border-zinc-400">A budgeting app built with tailwindcss, Vue.js, nodeJS, and mongoDB.</p>
|
<p class="text-md md:text-lg pl-2 border-l-2 border-zinc-400">A budgeting app built with tailwindcss, Vue.js, nodeJS, and mongoDB.</p>
|
||||||
@@ -115,10 +115,10 @@
|
|||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<a href="https://code.annikadev.com/annika/keepr" class="relative pb-4 md:pb-0 md:mb-24">
|
<a href="https://code.annikadev.com/annika/keepr" class="relative pb-4 md:pb-0 mb-4 md:mb-0">
|
||||||
<img src="./src/img/screenshots/keepr.jpg" alt="Keepr" class="object-left object-cover h-full w-full rounded-lg md:rounded-none">
|
<img src="./src/img/screenshots/keepr.jpg" alt="Keepr" class="object-left object-cover h-full w-full rounded-lg md:rounded-none">
|
||||||
<div class="absolute top-0 left=0 w-full h-full flex flex-col justify-end hover:bg-rose-700/30 hover:backdrop-blur-md">
|
<div class="absolute top-0 left=0 w-full h-full flex flex-col justify-end hover:bg-rose-700/30 hover:backdrop-blur-md">
|
||||||
<div class="h-36 w-full backdrop-blur-md bg-slate-700/60 flex flex-col justify-center text-zinc-100 p-4 rounded-b-lg md:rounded-none border-t-8 border-rose-700">
|
<div class="h-48 w-full backdrop-blur-sm bg-slate-700/60 flex flex-col justify-center text-zinc-100 p-4 rounded-b-lg md:rounded-none border-t-8 border-rose-700">
|
||||||
<div class="flex justify-start">
|
<div class="flex justify-start">
|
||||||
<h3 class="text-center text-2xl pr-2">Keepr</h3>
|
<h3 class="text-center text-2xl pr-2">Keepr</h3>
|
||||||
<p class="text-md md:text-lg pl-2 border-l-2 border-zinc-400">A social media application for sharing and keeping images. Built with Bootstrap, Vue.js, C#/.NET, and mySQL.</p>
|
<p class="text-md md:text-lg pl-2 border-l-2 border-zinc-400">A social media application for sharing and keeping images. Built with Bootstrap, Vue.js, C#/.NET, and mySQL.</p>
|
||||||
|
|||||||
+1
-1
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user