fix Alumni grid

closebracket-solution
Kieran Coldron 2021-08-30 21:10:47 +01:00
parent 6119127337
commit eb9a22d914
1 changed files with 16 additions and 18 deletions

View File

@ -11,41 +11,39 @@ title: Alumni
</div> </div>
</div> </div>
<div class="container mx-auto h-full m-16 p-6 w-screen"> <div class="container mx-auto h-full m-16 p-6 w-screen">
<div class="grid grid-rows-1 grid-flow-col"> <div class="grid grid-cols-2 md:grid-cols-4">
<div class="row-span-1 col-start-1"> <div class="col-span-1">
<img class="rounded-sm w-48 items-center" src="/img/epictek.jpg" /> <img class="rounded-sm w-48 items-center" src="/img/epictek.jpg" />
<h4 class="p-2 text-gray-400 font-medium leading-relaxed">epictek</h4> <h4 class="p-2 text-gray-400 font-medium leading-relaxed">epictek</h4>
</div> </div>
<div class="row-span-1 col-start-2"> <div class="col-span-1">
<img class="rounded-2xl w-48 items-center" src="/img/logo.jpg" /> <img class="rounded-2xl w-48 items-center" src="/img/logo.png" />
<h4 class="p-2 text-gray-400 font-medium leading-relaxed">shinsters</h4> <h4 class="p-2 text-gray-400 font-medium leading-relaxed">shinsters</h4>
</div> </div>
<div class="row-span-1 col-start-3"> <div class="col-span-1">
<img class="rounded-2xl w-48 items-center" src="/img/logo.jpg" /> <img class="rounded-2xl w-48 items-center" src="/img/logo.png" />
<h4 class="p-2 text-gray-400 font-medium leading-relaxed">sleepyxuras</h4> <h4 class="p-2 text-gray-400 font-medium leading-relaxed">sleepyxuras</h4>
</div> </div>
<div class="row-span-1 col-start-4"> <div class="col-span-1">
<img class="rounded-2xl w-48 items-center" src="/img/closebracket.jpg" /> <img class="rounded-2xl w-48 items-center" src="/img/closebracket.jpg" />
<h4 class="p-2 text-gray-400 font-medium leading-relaxed">closebracket</h4> <h4 class="p-2 text-gray-400 font-medium leading-relaxed">closebracket</h4>
</div> </div>
</div> <div class="col-span-1">
<div class="grid grid-rows-1 grid-flow-col"> <img class="rounded-2xl w-48 items-center" src="/img/logo.png" />
<div class="row-span-1 col-start-1">
<img class="rounded-2xl w-48 items-center" src="/img/logo.jpg" />
<h4 class="p-2 text-gray-400 font-medium leading-relaxed">?????</h4> <h4 class="p-2 text-gray-400 font-medium leading-relaxed">?????</h4>
</div> </div>
<div class="row-span-1 col-start-2"> <div class="col-span-1">
<img class="rounded-2xl w-48 items-center" src="/img/logo.jpg" /> <img class="rounded-2xl w-48 items-center" src="/img/logo.png" />
<h4 class="p-2 text-gray-400 font-medium leading-relaxed">?????</h4> <h4 class="p-2 text-gray-400 font-medium leading-relaxed">?????</h4>
</div> </div>
<div class="row-span-1 col-start-3"> <div class="col-span-1">
<img class="rounded-2xl w-48 items-center" src="/img/logo.jpg" /> <img class="rounded-2xl w-48 items-center" src="/img/logo.png" />
<h4 class="p-2 text-gray-400 font-medium leading-relaxed">?????</h4> <h4 class="p-2 text-gray-400 font-medium leading-relaxed">?????</h4>
</div> </div>
<div class="row-span-1 col-start-4"> <div class="col-span-1">
<img class="rounded-2xl w-48 items-center" src="/img/logo.jpg" /> <img class="rounded-2xl w-48 items-center" src="/img/logo.png" />
<h4 class="p-2 text-gray-400 font-medium leading-relaxed">?????</h4> <h4 class="p-2 text-gray-400 font-medium leading-relaxed">?????</h4>
</div> </div>
</div>
</div>
</div> </div>