JSFiddle - React, Tailwind, and code Playground

by Angelos Chaidas

HTML

<html>

  <head>
    <meta charset="UTF-8">
    <title>Document</title>

    <link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
  </head>

  <body>
    <div class="lg:flex">
      <div class="lg:w-1/2 lg:order-2">
        <div class="bg-blue-300 mb-4">Buy now area</div>
        <div class="bg-pink-300 mb-4">Interested in this property area?</div>
        <div class="bg-red-100 mb-4">Map area</div>
      </div>
      <div class="lg:w-1/2 lg:order-1">
        <div class="bg-purple-100 mb-4">Photo / gallery area</div>
        <div class="bg-green-100 mb-4">Details area</div>
      </div>
    </div>
  </body>

</html>