Set 5 columns in block but show only 3 per row

  • Hello everyone! In WordPress, using?Twenty-Twenty One?theme, I inserted a columns block setting it to 5 columns. But I want to show only 3 columns per row, like 3 columns on a row then the other two going in a new row, centered and keeping the same width proportion… I tried to set for each column a width to33%?so I thought the sum of all those width would be?165%?so that would mean the last two columns would go to a new line because the width of window is 100%, otherwise they would go out the window, but it doesn’t work. Is there a way or a trick to do that? Thanks in advance everyone! Cheers

Viewing 1 replies (of 1 total)
  • Moderator bcworkz

    (@bcworkz)

    The columns block uses the flex box model so elements don’t flow the way you were expecting. If you want a different layout in the second row, you may need to use multiple column blocks, one for each set of rows that deviates from the others.

    Other possible alternatives: Use the CSS grid model on custom HTML content. Use the table block to get the layout you want.

Viewing 1 replies (of 1 total)
  • The topic ‘Set 5 columns in block but show only 3 per row’ is closed to new replies.