How can I replicate this POS UI layout using Angular standalone components and PrimeNG or even...

I'm trying to design a POS (Point of Sale) screen using Angular (v17) with standalone components and PrimeNG UI components. I've attached a screenshot of the layout I'm aiming for:

What I’ve done so far: I’ve created a standalone Angular component and integrated PrimeNG modules like ButtonModule, InputTextModule, CardModule, etc. But the UI layout isn’t as clean as I want. The cart section looks messy and the product grid doesn't align nicely.

Continue reading...