Tailwind Css Hero Hero Space Craft

<div class="mx-auto flex flex-col md:flex-row items-center my-12 md:my-14">

<div class="flex flex-col w-full lg:w-1/3 justify-center items-start p-8">

<h1 class="text-3xl md:text-5xl py-2 text-${theme}-500">TechFest</h1>

<h2 class="text-3xl md:text-5xl leading-relaxed md:leading-snug mb-2">Space : The Timeless Infinity

</h2>

<p class="text-sm md:text-base mb-4">Explore your favourite events and register now to showcase

your talent and win exciting prizes.</p>

<a href=""

class="bg-${theme}-500 dark:bg-transparent hover:bg-${theme}-600 text-${theme}-200 rounded-md shadow hover:shadow-lg py-2 px-4 border border-${theme}-300">

Explore Now

</a>

</div>

<div class="p-8 mt-12 mb-6 md:mb-0 md:mt-0 ml-0 md:ml-12 lg:w-2/3 justify-center">

<div class="h-48 flex flex-wrap content-center">

<div>

<img class="inline-block mt-28 hidden xl:block"

src="https://user-images.githubusercontent.com/54521023/116969935-c13d5b00-acd4-11eb-82b1-5ad2ff10fb76.png">

</div>

<div>

<img class="inline-block mt-24 md:mt-0 p-8 md:p-0"

src="https://user-images.githubusercontent.com/54521023/116969931-bedb0100-acd4-11eb-99a9-ff5e0ee9f31f.png">

</div>

<div>

<img class="inline-block mt-28 hidden lg:block"

src="https://user-images.githubusercontent.com/54521023/116969939-c1d5f180-acd4-11eb-8ad4-9ab9143bdb50.png">

</div>

</div>

</div>

</div>

</div>