Create the template using Table
Border setting (border-color: #000000; border-style: solid; border:1px;)
Background color
underline for Link
a{text-decoration: none;} and inline style
Responsiveness
1. Use width for each
2. Avoid Padding email template because it not working for Outlook
3. height,min height, max-height: MIn and Max height not working for Outlook so use Height for img etc
4. Display unsupported case :The style display not working for email template.
5.Use text-align and align
To show the list use Chunks
Chunk
<#assign seq = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j']>
<#list seq?chunk(4) as row>
<#list row as cell>${cell} </#list>
</#list>
<#list seq?chunk(4, '') as row>
<#list row as cell>${cell} </#list>
</#list>
The output will be:
a b c d
e f g h
i j
a b c d
e f g h
i j - -