MUI Grid Layout - 2 different layout in Mobile and browser view

19 Views Asked by At

I am working on a layout design which will have browser view (aka lg) and mobile view (aka xs). And is there anyway to design the follow layout since I have spend a day but still struggle in build the layout.

Live Code is here, I can create the layout separately, but struggle to merge it to one : Code Sandbox

  1. is there way to create the following layout?
  2. if not, can I add a if statement to render two layout?

Browser Layout: Browser Layout

Mobile Layout: Browser Layout

0

There are 0 best solutions below