Having trouble referring to a single div

Highlighted
Excursionist
30 2 5

Hi all,

I'm currently implementing an accordion style description, which I have split up into two sections. The desktop version is doing fine, however the mobile version is not lined up due to the margin at the bottom. See images below:

 

How do I refer to this div Desktop.pngHow do I refer to this div.png

So I am unsure how to refer to this div and I don't want to change all the divs. This is the code for the description:

 <div class="product-single__description rte" itemprop="description">
       {% assign my_description = product.description | split: '<!-- split -->'  %}
       <div class="grid__item large--seven-twelfths medium--seven-twelfths">
	     {{ my_description[0] }}
         {{ my_description[1] }}
       </div>
       <div class="grid__item large--five-twelfths medium--five-twelfths">
		 {{ my_description[2] }}
       </div>
    </div>

Thanks a lot in advance.

 

0 Likes