Comment List Item Tailwind CSS

<div className="relative grid grid-cols-1 gap-4 ml-4 p-4 mb-8 w-full border rounded-lg bg-white shadow-lg">
      <div className="relative flex gap-4">
        <div className="flex flex-col w-full">
          <div className="flex flex-row justify-between">
            <p className="relative text-xl whitespace-nowrap truncate overflow-hidden">
              title
            </p>
          </div>
          <p className="text-dark text-sm">@teddysmithdev</p>
          <p className="text-gray-400 text-sm">Posted 7 days ago</p>
        </div>
      </div>
      <p className="-mt-4 text-gray-500">
        Lorem ipsum dolor sit amet consectetur adipisicing elit. <br />
        Maxime quisquam vero adipisci beatae voluptas dolor ame.
      </p>
    </div>

Related posts:

React Typescript 2023 – Dashboard Tailwind Code CSS Grid Shorthand Property Explained Simply CSS ‘>’, ‘+’, ‘~’ Selectors Explained Simply Algorithm Patterns 101: Reversing Linked List