I am trying to find a way to rearrange the pick, group, and rank items and groups.
I am trying to create a more smartphone friendly version for grouping items into three groups. My idea was to change the column/row order. That said, the goal would be to have the item (most of the times pictures) bigger in the center of the screen (shifted to the left) and Group 1 (above), Group 2 (right), and Group 3 (under) the item list.
It would be awesome if one of you could point me in the right direction, since I am right now lost in CSS and I think it is more of a HTML problem...
I tried to sketch my idea:
!
