Columns not getting aligned. #2103
Description
How can we reproduce this bug?
Try writing a code with 4 rows, and every rows containing 4 columns, with 2 columns of 2, and other 2 of 4.
Write out the HTML (or Inky code) that causes the issue.
<row class="collapse collapse--bottom"> <columns large="2" small="2"> <p class="radisson_confirmation__key-text margin-bottom--4">Guest Name</p> </columns> <columns large="4" small="4"> <p class="radisson_confirmation__value-text margin-bottom--4"> Rajat </p> </columns> <columns large="2" small="2"> <p class="radisson_confirmation__key-text margin-bottom--4">Room No.</p> </columns> <columns large="4" small="4"> <p class="radisson_confirmation__value-text margin-bottom--4"> 201 </p> </columns> </row>
What did you expect to happen?
I expected that all the keys should align irrespective of empty value or not.
What happened instead?
In case some values are not present, for a single key, then the columns don't get aligned. I have attached a screenshot.
What email clients does this happen in?
Happens in all clients.