Creating LinkedIn Logo with TailwindCSS

In this article, we'll see how we can create a LinkedIn logo with the help of Tailwind CSS

Tailwind is a utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup.

So, to create it using Tailwind, we can make use of the grid classes as follows,

<div class="grid min-h-screen place-items-center bg-gray-50">
  <div class="grid h-32 w-32 place-items-center rounded-2xl bg-sky-600">
    <div class="text-8xl font-bold text-white">in</div>
  </div>
</div>

Click here to see the live demo