How do I set the CSS styles, or configure the p-menubar from PrimeNg to make it expand from right to left in the responsive version because in the current version when using the classes align-items-center flex justify-content-between
the menu sticks to the right edge, and “tries” to expand to the right side.
<div class="header-container align-items-center flex justify-content-between">
<img src="/assets/logo.png" alt="Image" height="40">
<p-menubar [model]="items" class="align-items-center flex justify-content-between"></p-menubar>
</div>
I tried many solutions based on different setting in css right, top, position, flex but everything finally looked lopsided 🙁