The CSS
If you're using this table-based layout for an HTML email you may need to inline your styles to make them work in all email clients, see how to inline CSS.
/* table container */
.holy-grail-tables {
width:100%;
border:0;
border-collapse:collapse;
}
/* table cells */
.holy-grail-tables .header {
padding:16px;
background:#f97171;
}
.holy-grail-tables .left-sidebar {
padding:16px;
width:25%;
background:#f5d55f;
}
.holy-grail-tables .main-content {
padding:16px;
width:50%;
background:#fff;
}
.holy-grail-tables .right-sidebar {
padding:16px;
width:25%;
background:#c5ed77;
}
.holy-grail-tables .footer {
padding:16px;
background:#72c2f1;
}
The CSS
If you're using this table-based layout for an HTML email you may need to inline your styles to make them work in all email clients, see how to inline CSS.
/* table container */
.holy-grail-tables {
width:100%;
border:0;
border-collapse:collapse;
}
/* table cells */
.holy-grail-tables .header {
padding:16px;
background:#f97171;
}
.holy-grail-tables .left-sidebar {
padding:16px;
width:25%;
background:#f5d55f;
}
.holy-grail-tables .main-content {
padding:16px;
width:50%;
background:#fff;
}
.holy-grail-tables .right-sidebar {
padding:16px;
width:25%;
background:#c5ed77;
}
.holy-grail-tables .footer {
padding:16px;
background:#72c2f1;
}
The CSS
If you're using this table-based layout for an HTML email you may need to inline your styles to make them work in all email clients, see how to inline CSS.
/* table container */
.holy-grail-tables {
width:100%;
border:0;
border-collapse:collapse;
}
/* table cells */
.holy-grail-tables .header {
padding:16px;
background:#f97171;
}
.holy-grail-tables .left-sidebar {
padding:16px;
width:25%;
background:#f5d55f;
}
.holy-grail-tables .main-content {
padding:16px;
width:50%;
background:#fff;
}
.holy-grail-tables .right-sidebar {
padding:16px;
width:25%;
background:#c5ed77;
}
.holy-grail-tables .footer {
padding:16px;
background:#72c2f1;
}
The CSS
If you're using this table-based layout for an HTML email you may need to inline your styles to make them work in all email clients, see how to inline CSS.
/* table container */
.holy-grail-tables {
width:100%;
border:0;
border-collapse:collapse;
}
/* table cells */
.holy-grail-tables .header {
padding:16px;
background:#f97171;
}
.holy-grail-tables .left-sidebar {
padding:16px;
width:25%;
background:#f5d55f;
}
.holy-grail-tables .main-content {
padding:16px;
width:50%;
background:#fff;
}
.holy-grail-tables .right-sidebar {
padding:16px;
width:25%;
background:#c5ed77;
}
.holy-grail-tables .footer {
padding:16px;
background:#72c2f1;
}
The CSS
If you're using this table-based layout for an HTML email you may need to inline your styles to make them work in all email clients, see how to inline CSS.
/* table container */
.holy-grail-tables {
width:100%;
border:0;
border-collapse:collapse;
}
/* table cells */
.holy-grail-tables .header {
padding:16px;
background:#f97171;
}
.holy-grail-tables .left-sidebar {
padding:16px;
width:25%;
background:#f5d55f;
}
.holy-grail-tables .main-content {
padding:16px;
width:50%;
background:#fff;
}
.holy-grail-tables .right-sidebar {
padding:16px;
width:25%;
background:#c5ed77;
}
.holy-grail-tables .footer {
padding:16px;
background:#72c2f1;
}
The CSS
If you're using this table-based layout for an HTML email you may need to inline your styles to make them work in all email clients, see how to inline CSS.
/* table container */
.holy-grail-tables {
width:100%;
border:0;
border-collapse:collapse;
}
/* table cells */
.holy-grail-tables .header {
padding:16px;
background:#f97171;
}
.holy-grail-tables .left-sidebar {
padding:16px;
width:25%;
background:#f5d55f;
}
.holy-grail-tables .main-content {
padding:16px;
width:50%;
background:#fff;
}
.holy-grail-tables .right-sidebar {
padding:16px;
width:25%;
background:#c5ed77;
}
.holy-grail-tables .footer {
padding:16px;
background:#72c2f1;
}
The CSS
If you're using this table-based layout for an HTML email you may need to inline your styles to make them work in all email clients, see how to inline CSS.
/* table container */
.holy-grail-tables {
width:100%;
border:0;
border-collapse:collapse;
}
/* table cells */
.holy-grail-tables .header {
padding:16px;
background:#f97171;
}
.holy-grail-tables .left-sidebar {
padding:16px;
width:25%;
background:#f5d55f;
}
.holy-grail-tables .main-content {
padding:16px;
width:50%;
background:#fff;
}
.holy-grail-tables .right-sidebar {
padding:16px;
width:25%;
background:#c5ed77;
}
.holy-grail-tables .footer {
padding:16px;
background:#72c2f1;
}
The CSS
If you're using this table-based layout for an HTML email you may need to inline your styles to make them work in all email clients, see how to inline CSS.
/* table container */
.holy-grail-tables {
width:100%;
border:0;
border-collapse:collapse;
}
/* table cells */
.holy-grail-tables .header {
padding:16px;
background:#f97171;
}
.holy-grail-tables .left-sidebar {
padding:16px;
width:25%;
background:#f5d55f;
}
.holy-grail-tables .main-content {
padding:16px;
width:50%;
background:#fff;
}
.holy-grail-tables .right-sidebar {
padding:16px;
width:25%;
background:#c5ed77;
}
.holy-grail-tables .footer {
padding:16px;
background:#72c2f1;
}
The CSS
If you're using this table-based layout for an HTML email you may need to inline your styles to make them work in all email clients, see how to inline CSS.
The CSS
If you're using this table-based layout for an HTML email you may need to inline your styles to make them work in all email clients, see how to inline CSS.
/* table container */
.holy-grail-tables {
width:100%;
border:0;
border-collapse:collapse;
}
/* table cells */
.holy-grail-tables .header {
padding:16px;
background:#f97171;
}
.holy-grail-tables .left-sidebar {
padding:16px;
width:25%;
background:#f5d55f;
}
.holy-grail-tables .main-content {
padding:16px;
width:50%;
background:#fff;
}
.holy-grail-tables .right-sidebar {
padding:16px;
width:25%;
background:#c5ed77;
}
.holy-grail-tables .footer {
padding:16px;
background:#72c2f1;
}/* table container */
.holy-grail-tables {
width:100%;
border:0;
border-collapse:collapse;
}
/* table cells */
.holy-grail-tables .header {
padding:16px;
background:#f97171;
}
.holy-grail-tables .left-sidebar {
padding:16px;
width:25%;
background:#f5d55f;
}
.holy-grail-tables .main-content {
padding:16px;
width:50%;
background:#fff;
}
.holy-grail-tables .right-sidebar {
padding:16px;
width:25%;
background:#c5ed77;
}
.holy-grail-tables .footer {
padding:16px;
background:#72c2f1;
}