Archived topic
GP breakpoint + GB container width issue between small and large mobile devices.
3 replies · Started by Lilo on May 22, 2021
I'm trying to do some more detailed component design work but I'm running into sizing issues.
Here an image explaining the problem (it's large, please scroll down):
As you can see, the difference between the largest mobile device and the smallest are causing issues. I know that there won't be any new or maybe more tablet friendly breakpoints because it would blow up the code, but another solution could be to add rem or px sizings for the content width setting in GB. This way we could escape the relative sizing that's causing the problem.
I'm quite certain that I'll face this issue in other areas when more detailed work on components is required. How do you handle it currently? How would you compose the author box shown in the screenshot?
Hi there,
we'll be adding Flex properties in an incoming update to GB. Which will allow you to define pixel widths and other cool flex options to the grid.
But today you can select a Container Block ( including those in the Grid ) and under Layout there is an option: Inline post meta items - enable that, add your GP Dynamic Image (avatar) and your Headline for post meta. The two elements will remain inline.
Thanks, got it working with the inline feature and two containers in a row, where the first includes the avatar and name, and the second container the date, aligned to the right.
Great - glad to be of help
