Guttenberg grid 60 40 breaks on mobile

  • jmomojo

    (@jmomojo)


    5 years ago

    I am using a built in grid in Guttenberg, which has worked elsewhere just fine. However, I’m trying to place text and photo side-by-side, and when I do at 50 50 for each column, it doesn’t wrap at tablet. But once I make it 60 40, then it wraps the columns instead of side-by-side like I want. Is there a setting I’m missing on that? Seems odd you couldn’t have columns that add up to 100 still be on the same line at tablet.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Leslie

    (@lvg2013)

    Right now there aren’t any additional controls available for the column block. The default responsiveness for tablet is to not stack if it’s 100% on less, which 50% and 50% would fall into this category. It will stack on mobile though.

    There are plugins out there that offer extended blocks and the ability to specify when it will break, but right now with the core blocks you would have to do it with code.

    Leslie

    (@lvg2013)

    Please ignore some of what I said above. Have you checked your theme settings? I’m assuming by ‘grid’ you’re referring to the ‘columns block’. There can be many factors that can impact this.

    More importantly, if you are wanting to place a text and photo side-by-side, then I would suggest using the media & text block.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Guttenberg grid 60 40 breaks on mobile’ is closed to new replies.