Our UI designer has designed a new homepage for our projects. It features a grid of hexagons that serve as buttons. After loggin in certain hexagons will light up depending on the person who logged in. Pretty cool!
However, trying to get this design to scale properly on mobile devices has been a nightmare. If the aspect ratio changes, there will either be too much spacing between the hexagons or they will overlap.
Currently each hexagon is an embedded view. There’s a little bit of space visible between each hexagon. Like a margin.
Does anyone have an idea how to approach this? Maybe a way to make a “group” of components scale as if they were one component?
We’re using v8.0.6