arthur/website-old
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/website-old.git synced 2026-01-29 11:20:34 +01:00
Code Issues 31 Packages Projects Releases Wiki Activity

Change flex to grid in ad view

Browse Source
This commit is contained in:
Arthur Danjou
2021-08-27 12:33:23 +02:00
parent 86e3d10a6b
commit b8d70e13a8
5 changed files with 17 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/AdHome.vue
View File

@@ -1,10 +1,10 @@
<template>
<section class="w-full my-12 h-full">
<div class="md:space-x-12 space-y-8 md:space-y-0 flex flex-col md:flex-row items-center justify-around h-full">
<nuxt-link to="/env" class="block h-auto md:w-2/5">
<section class="w-full h-full my-12">
<div class="w-full grid grid-cols-1 gap-x-20 gap-y-8 sm:grid-cols-2 h-full">
<nuxt-link to="/env">
<Ad color="rose" class="w-full flex flex-col justify-between items-center">
<div>
<img class="h-48" src="~/assets/images/memojies/Dev.png" alt="Dev Memoji" />
<img class="h-64" src="~/assets/images/memojies/Dev.png" alt="Dev Memoji" />
</div>
<div>
<h1 class="font-bold text-black text-4xl">
@@ -16,10 +16,10 @@
</div>
</Ad>
</nuxt-link>
<nuxt-link to="/contact" class="min-h-full md:w-2/5">
<nuxt-link to="/contact">
<Ad color="blue" class="w-full flex flex-col justify-between items-center">
<div>
<img class="h-48" src="~/assets/images/memojies/Fiesta.png" alt="Fiesta Memoji" />
<img class="h-64" src="~/assets/images/memojies/Fiesta.png" alt="Fiesta Memoji" />
</div>
<div>
<h1 class="font-bold text-black text-4xl">