Need to apply css to multiple text blocks, is there any easier way?

Site URL: https://www.jessica-mei.com/grubit

Hello everyone, 

I need help on optimizing my CSS more. I currently have multiple text blocks I want to apply specific CSS to, which require me to get each id # before I can apply the CSS. I was wondering if there could be an easier way to do this?

For example my two text blocks are "USER RESEARCH" and "Literature Review". I want to make these two blocks of text as close as they can because they are a set. 

I've attached some screenshots for reference. I hope that made sense. The coding is getting a bit tedious, and I'm not too good with css so any tips would be helpful! Thank you.

2 hours ago, meijessica said:

Site URL: https://www.jessica-mei.com/grubit

Hello everyone, 

 

I need help on optimizing my CSS more. I currently have multiple text blocks I want to apply specific CSS to, which require me to get each id # before I can apply the CSS. I was wondering if there could be an easier way to do this?

For example my two text blocks are "USER RESEARCH" and "Literature Review". I want to make these two blocks of text as close as they can because they are a set. 

 

I've attached some screenshots for reference. I hope that made sense. The coding is getting a bit tedious, and I'm not too good with css so any tips would be helpful! Thank you.

I use the following extension to get the right id for selector Css to set style: squarespace ID finder

How to find the block id: https://recordit.co/kUIH4uco0b

Hope it can help