Bounding box around text and block spacing

How To
1

Hello!

I’m new to Bricks and trying my best to create a fairly simple header.

What I can’t wrap my head around is how to get the Block/Div bounding box to be the same size as the text. ( 1. )

And how can I set the spacing between the Block/Div bounding boxes? ( 2. )

bricks-forum-02
bricks-forum-02926×423 25.9 KB

Section = Flex
Container = Flex
Column = Flex
Div = Block

2

1 is due to the line height of the heading - set it to 1
2 - on the column, set the row gap to space them out

3

Thank you @simon , seems to work!

Follow up question, is there a way of getting the bounding box to be the exact size of the text? Setting it to 1 gets me closer but its still a bit too big, and setting it to 0.85 makes it so the bounding box gets too small at the bottom and too big at the top.

bricks-forum-03

4

Solved it by tweaking these parameters:

  1. Heading > Typography > Line height
  2. Heading > Layout > Spacing > Padding > Bottom Padding (to offset the bounding box to fit)

Thanks again