What's the best solution for responsive holy grail layout in the context of complex responsive design?
Some common layouts done in this way
Problem: it doesn't work on mobile as most of the apps built this way. Same thing with Atlassian Jira. They both have mobile apps. None of them are responsive I can't afford building a mobile version for my project.
I'm looking to design an admin dashboard / ERP manager layout without too many modal popups. This is my current desktop layout (1440x1080):
When a company account is loaded, it displays a list of licenses (left), details of the license (middle) as well company information (right). If I click on the middle, intead of a modal popup, it loads a closable widget on the right side to continue the action, for example generating an upgrade code for license 111111
I wonder if following outlook would be my best choice? Or is there something that be done to make mobile better, such as adaptive if responsive is not the right choice at a smaller breakpoint? Or building with multiple modals is the best thing for this case? How would someone adapt this type of layout to a mobile without rebuilding the entire front-end as a separate version? Would material design layout handle this better? I'm also looking for possible suggestions on design systems layouts with open source code so I can find an existing solution in terms of code