Event Listing

<div class="pt-12 pb-12 h-screen px-4 bg-gray-50">

    <div class="flex flex-row flex-wrap mx-auto bg-white px-6 py-6 shadow-md max-w-2xl w-full">

        <div class="order-2 sm:order-1 w-full sm:w-2/3">

            <h2 class="text-2xl text-teal-700 font-bold event-title inline-block mb-2">
                Hike for Hospice
            </h2>

            <p class="text-base mb-2">
                <i class="far fa-calendar-alt text-gray-600 w-4"></i>
                Sunday, May 2, 2021 at 10:00am - 3:00pm
            </p>

            <p class=""><i class="text-gray-700 fas fa-map-marker-alt w-4"></i>
                West Stettler Park</p>

            <div class="mt-4 mb-2">
                This spring people across Canada will gather pledges and then hike to raise public awareness for hospice care.
                This major fundraising initiative will help advance the hospice care initiative in our local community.Hospice
                care provides physical, psychological, social, spiritual and...
            </div>

        </div>

        <div class="order-1 sm:order-2 w-full sm:w-1/3 pt-0 sm:pl-4 text-left md:text-right">
            <div class="mb-6">
                <a href="#">
                    <img src="https://source.unsplash.com/random/640x500" width="250" height="200
          alt=">
                </a>
            </div>
        </div>
        <div class="order-3 w-full clearfix">

            <p class="mt-4 mb-4">
                <a class=" bg-blue-600 hover:bg-blue-700 text-white px-4 py-3" href="#">
                    Event Details
                </a>
            </p>

        </div>

    </div>

</div>