Skip to content

Instantly share code, notes, and snippets.

@kvann

kvann/2-Column, No Collapse

Created August 10, 2021 21:56
Show Gist options
  • Save kvann/8a74934851188ce5c782d51c5847140e to your computer and use it in GitHub Desktop.
Save kvann/8a74934851188ce5c782d51c5847140e to your computer and use it in GitHub Desktop.
Download ZIP
This code generate a two-column layout and ensure that columns will not collapse in mobile view https://screen.ac/GGup8wZe
Raw
2-Column, No Collapse
<table width="100%" style="min-width:auto!important; display:table!important;">
<tr>
<td width="48%" align="top" valign="left" style="display:table-cell !important; width:48.99% !important;max-width:48.99% !important; font-size: 15px; font-family: sans-serif; line-height: 1.5;">
This is your welcome paragraph. You can write anything you want here. Simply click on the text to start editing. Once you click on the text you will have options such as bold, font color, font size, etc.. You can also style this area of content by clicking on the text and then using the options found in the right side bar of this page. You can adjust the background, padding, margin, etc..
</td>
<td width="20" style="display:table-cell !important; width:20px !important;max-width:20px !important;">&nbsp;</td>
<td width="48%" align="top" valign="left" style="display:table-cell !important; width:48.99% !important;max-width:48.99% !important; font-size: 15px; font-family: sans-serif; line-height: 1.5;">
This is your welcome paragraph. You can write anything you want here. Simply click on the text to start editing. Once you click on the text you will have options such as bold, font color, font size, etc.. You can also style this area of content by clicking on the text and then using the options found in the right side bar of this page. You can adjust the background, padding, margin, etc..
</td>
</tr>
</table>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment