2 columns alignment

Hi,
in my home page, I set 2 columns; in the first one, I placed a portfolio items carousel, in the second one, a Testimonials carousel. Here is the code I put:

[column width="eight" position="first" ][portfolio_carousel limit="4" order_by="rand"][/portfolio_carousel][/column] [column width="eight" position="last" ][testimonials heading="Testimonials" auto_scroll="yes"][testimonial width="1/2" author="Author Name #1" author_title="Author Title #1"]Testimonial Content #1[/testimonial][testimonial width="1/2" author="Author Name #2" author_title="Author Title #2"]Testimonial Content #2[/testimonial][/testimonials][/column]

As a result, I always see the two headings disaligned (the testimonial heading is a few higher than the portfolio heading).

Using “inspection” with Chrome, I notice that a way to align is to reduce the class h10 height to 0px, so I did it in custom css.
But, is it a correct way?

Thanks,
Albe