DE-PACK Component Library

Card Raw Right 

<div class="w-fit flex flex-col md:flex-row border shadow-md m-4">
    <div class="w-full md:w-1/2 p-4 order-first">
        <div class="font-bold text-xl mb-2">
            Mountain
        </div>
        <p class="text-neutral-700 text-base">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus quia, Nonea! Maiores et perferendis eaque, exercitationem praesentium nihil. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus quia, Nonea! Maiores et
            perferendis eaque, exercitationem praesentium nihil. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus quia, Nonea! Maiores et perferendis eaque, exercitationem praesentium nihil.
        </p>
    </div>
    <div class="w-full md:w-1/2 order-last">
        <img class="object-cover w-full h-full" src="https://source.unsplash.com/random/800x300/?mountain" alt="Mountain">
    </div>
</div>
 
<div class="w-fit flex flex-col md:flex-row border shadow-md m-4">
  <div class="w-full md:w-1/2 p-4 order-first">
    <div class="font-bold text-xl mb-2">
      Mountain
    </div>
    <p class="text-neutral-700 text-base">
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus quia, Nonea! Maiores et perferendis eaque, exercitationem praesentium nihil. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus quia, Nonea! Maiores et
      perferendis eaque, exercitationem praesentium nihil. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus quia, Nonea! Maiores et perferendis eaque, exercitationem praesentium nihil.
    </p>
  </div>
  <div class="w-full md:w-1/2 order-last">
    <img class="object-cover w-full h-full" src="https://source.unsplash.com/random/800x300/?mountain" alt="Mountain">
  </div>
</div>
 
/* No context defined. */

No notes defined.