I was assigned a project, that will search and display user data (also allow for data manipulation for titles, claim-roles, etc). My application is completely functional however it is messy and difficult to adjust in scss, even after assigning classes, id’s, etc. Can someone give me a few ways to help with clutter and organization for later malfunctions or fixes to come?

Attempts:

<table> -- horrible experience with this... I still get nightmares of excel.

<mat-expansion-panel> -- I originally thought that this would be great but after we got down to the nitty gritty it became cluttered and messy.

<mat-table> -- this was my best attempt but still not what i was looking for... kinda.. ish.