foundation / foundation-emails

Quickly create responsive HTML emails that work on any device and client. Even Outlook.
https://get.foundation/emails/docs/
MIT License
7.77k stars 1.09k forks source link

Columns not getting aligned. #2103

Open rajatsonibkn2002 opened 3 weeks ago

rajatsonibkn2002 commented 3 weeks ago

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. `

Guest Name

  <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.

image

What email clients does this happen in? Happens in all clients.