I seem to be encountering a recurring issue in my code. Here is an example:
<div className="flex flex-col w-full mb-3">
<div className="flex flex-row w-full">
{
Vege &&
<p className="mr-1 text-sm leading-6 text-green-500">{Vege ? "VÉGÉ • " : ""}</p>
}
<p className="font-bold">{Titre}</p>
<p className="justify-end">{Prix} €</p>
</div>
<p>{Description}</p>
</div>
I am struggling to align the p tag containing {Prix} € at the end of the line. This issue seems to occur multiple times throughout my codebase. Any suggestions on how to resolve this?
I have conducted numerous searches and tests, but have been unable to find the correct solution.
edit: Here is a screenshot demonstrating the current output of the code. And here is the desired outcome shown in this image