I have this design and now I am trying to figure out how to make this to work well for mobile screen as well.

Since there might be more List, I figure that I can convert it to scrollable tabs so it will not overlap.

enter image description here

But for the content in each List, I put it in <table> tag as I think it is easier to read it in this way instead of on top of the Item button as below.

enter image description here But then if in smaller screen, the 'table' won't look good as there might be overlapping between buttons. But I don't have any idea how. Can anyone help to give any suggestion?


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Browse other questions tagged or ask your own question.