When i using tailwind css instead of css ther have less code to comparison with the css. This code generate custom design of chit chat with the logo. So This approach allows us to implement a completely custom component design without writing a single line of custom CSS.
<div class="p-6 max-w-sm mx-auto bg-white rounded-xl shadow-lg flex items-center space-x-4">
<div class="shrink-0"><img class="h-12 w-12" src="/img/logo.svg" alt="ChitChat Logo"></div><div>
<div class="text-xl font-medium text-black">ChitChat</div><p class="text-slate-500">You have a new message!</p></div></div>