<div className={'bg-blue-700 flex flex-row p-5 items-center justify-between'} >
<div>
<IconButton className={'bg-blue-900 p-5 hover:bg-blue-900 '}>
<Phone className={'text-white'} />
</IconButton>
<div className="text-white">John Doe</div>
</div>
<div>
</div>
</div>
The problem its John Doe its going to the next row.
This is the look I want to achieve.
thank you in advance.
remove the div
tag that wraps the icon and the name elements, so that those are direct children of the flex
div. The way you have it now only that in-between wrapper div is a flex item, its children won't be affected by the flex setting of their grandparent element.
Collected from the Internet
Please contact [email protected] to delete if infringement.
Comments