Padding around a line block

Hi,

I've been playing around with padding/spacing a line under text. Issue is the line padding changes depending on size of screen. 
I was wondering if there was some universal css code for the line block so its always has the same padding top and bottom. keeping everything well spaced to the desired design.

not sure if something like this would work, just need to target the line block if i knew the right targeting.

/* Apply padding to Line blocks */
.sqs-block-line {
    padding-top: 50px; /* Adjust as needed */
    padding-bottom: 50px; /* Adjust as needed */
}

web: https://ellipse-teal-dl5w.squarespace.com/design/glitch-mx
pass: 2

thanks

some extra information just in case below--

full width line padding between text is fine:

half width page line padding reduces more on top than bottom

reduce more and line goes too close to top title:

This isn't the padding, it's the way that the rows react responsively when you adjust the viewport size. Since you have the line block and text block partially overlapping they don't react to each other. I would suggest removing any overlap, and tweaking the alignment of the text blocks to bottom aligned for the top text block, and top aligned for the bottom text block, and the line block center aligned.

@Ziggy I'm having a similar issue with lines and hoping you might be able to help? I've used code blocks to create vertical lines on my site for a grid effect. This generally works great, but I've discovered that in instances where I want them to meet up with a horizontal line block, I can't get them to be flush (see screenshots). In section settings, I have fill screen toggled off and have taken the grid gaps down to zero hoping that would help. I've tried all combos of top, center, and bottom-aligning the horizontal lines.

https://newnewshapesstudio.squarespace.com/?password=ellen

I assume there's a way to move the line pixel by pixel with CSS but I'm not sure how to do it!

Thanks so much in advance.

8 hours ago, ellen_b said:

I assume there's a way to move the line pixel by pixel with CSS but I'm not sure how to do it!

I would suggest removing the margin from the line block:

.sqs-block-horizontalrule hr {
    margin-block-start: 0px !important;
    margin-block-end: 0px !important;
}

@Ziggy YES! That's perfect. Thanks so much!

25 minutes ago, ellen_b said:

@Ziggy YES! That's perfect. Thanks so much!

No problem!