Make pre-requisites image centre-aligned vertically

This commit is contained in:
Badri 2021-12-08 14:15:46 +05:30
parent 70e68e00be
commit ae87d557bf

View file

@ -84,7 +84,7 @@
<div class="py-16 max-w-4xl mx-auto text-justify"> <div class="py-16 max-w-4xl mx-auto text-justify">
<h1 class="text-3xl text-center mb-4 font-heading font-extrabold">Pre-requisites</h1> <h1 class="text-3xl text-center mb-4 font-heading font-extrabold">Pre-requisites</h1>
<div class="flex flex-col md:flex-row"> <div class="flex flex-col md:flex-row">
<figure class="w-full md:w-1/2 lg:w-2/3 inline-block"> <figure class="w-full md:w-1/2 lg:w-2/3 inline-block my-auto">
<img src="img/python-console.png" class="shadow-xl rounded-lg"/> <img src="img/python-console.png" class="shadow-xl rounded-lg"/>
</figure> </figure>
<div class="w-full md:w-1/2 lg:w-1/3 p-8 text-lg"> <div class="w-full md:w-1/2 lg:w-1/3 p-8 text-lg">