Extra spacing around code blocks

@holahannah You can add this code snippet within the Custom CSS panel to remove the extra spacing:

#cal-event h5 {
    margin-top: 0 !important;
}

section[data-section-id="650cba9ed255611c33fb9a3f"] .sqs-layout:not(.sqs-editing) .sqs-row+.sqs-row .sqs-block:not(.float):first-child {
    padding-top: 0px !important;
}

section[data-section-id="650cba9ed255611c33fb9a3f"] .sqs-layout:not(.sqs-editing) .sqs-row+.sqs-row .sqs-block:not(.float):first-child:last-child {
	padding-bottom: 0px !important;
}

@media screen and (max-width: 767px) {
	section[data-section-id="650cba9ed255611c33fb9a3f"] .sqs-layout .sqs-row .sqs-block:last-child {
		padding-bottom: 0px !important;
	}
	section[data-section-id="650cba9ed255611c33fb9a3f"] .sqs-layout .sqs-row .sqs-block:first-child {
		padding-top: 0px !important;
	}
}

To display three rows on mobile:

@media only screen and (max-width: 767px) {
	div#page-section-650cba9ed255611c33fb9a3f .row .sqs-col-12 {
		display: grid !important;
		grid-template-columns: 1fr 1fr 1fr !important;
	}
	#cal-event h5 {
		padding: 6% !important;
	}
}