'How do I shrink a flexbox with two elements inside of it, using Tailwind CSS?

I have been trying to shrink my flex box, but I haven't had much luck getting this to work.

Here is the code sample:

    <div className="flex justify-center bg-white rounded w-23 mx-auto">
         <p>Contact Number</p>
         <button className="px-4 py-3"><DropIcon /></button>
    </div>

This is the current state of the element

htmlcssflexboxtailwind-css


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions