Untitled

<div className='flex flex-col gap-4 w-full h-fit p-4'>
      <div className=' bg-slate-600 w-full'>
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Nihil atque distinctio ad tenetur ratione voluptates tempora. Nemo quidem atque, sit 
      </div>
      <div className='flex flex-col-reverse lg:flex-row w-full gap-4'>
        <div className='bg-slate-600 w-full lg:w-3/4'>
          Lorem ipsum, dolor sit amet consectetur adipisicing elit. Illum asperiores porro, laboriosam, maiores dolores omnis quae placeat perferendis recusandae, illo nesciunt modi voluptates fugit commodi explicabo tempore veniam alias nostrum aspernatur perspiciatis libero impedit reprehenderit ex odio. Doloribus error autem voluptatem odio, quisquam reprehenderit porro facere eos optio saepe, aperiam delectus aspernatur praesentium ipsum impedit ea officia voluptatum. Nam illo delectus, quam enim facilis natus repellendus minus, amet nesciunt veritatis voluptatibus, corrupti nobis! Tenetur aliquid atque fugiat quisquam ea tempora perferendis quos debitis dicta ipsum quaerat in quia veritatis nesciunt, odio eius autem nihil voluptatum sapiente quam. Perspiciatis consequatur laboriosam, voluptates ratione vitae accusamus eius, atque unde totam nihil doloribus est similique suscipit vel expedita qui. Suscipit itaque veniam similique. Dolores a distinctio ipsa aperiam tempora hic fugit, inventore amet aspernatur recusandae nostrum corporis ex possimus voluptas id aut nam ratione officia animi quaerat dolorem similique quia ut. Nisi, odio iusto eum quam possimus in veniam ipsum temporibus vel. Doloremque, sint! Accusantium facere laboriosam quas molestias atque earum alias, soluta repellat quae libero. Omnis facere fugiat eos recusandae aliquam. Veritatis quasi aperiam accusantium quia? Praesentium atque nulla adipisci odit et, esse ducimus blanditiis neque, exercitationem distinctio voluptatibus beatae eaque assumenda.
        </div>
        <div className='flex flex-col w-full lg:w-1/4 h-fit gap-4'>
          <div className='bg-green-600 w-full h-60'>
            
          </div>
          <div className='bg-slate-600 w-full h-fit'>
            Lorem ipsum dolor sit, amet consectetur adipisicing elit. Esse, necessitatibus. Libero voluptatibus unde non illo excepturi veniam impedit amet iste ducimus laboriosam nam molestias, in aut quibusdam dolor. Sint autem at obcaecati?
          </div>
        </div>
      </div>
    </div>