Skip to Main Content

no subject

Try this out! I've added an extra set of 2 links to the footer. :] Is this what you were thinking?

<lj-raw><div style="max-width:350px;width:100%;display:flex;flex-wrap:wrap;gap:10px;padding:10px;margin:0 auto;font-family:arial, helvetica, sans serif;font-size:12px;line-height:1.2;border:1px solid #eee;color:#fff;background:#fff;">

<div style="width:100%;height:350px;display:grid;grid-template-columns: repeat(6, 1fr);grid-template-rows: repeat(8, 1fr);gap:10px;">

<div style="grid-column-start:1;grid-column-end:4;grid-row-start:1;grid-row-end:5;background:#eee url('IMG_URL')center;background-size:cover;"></div>

<div style="grid-column-start:4;grid-column-end:7;grid-row-start:1;grid-row-end:5;background:#eee url('IMG_URL')center;background-size:cover;"></div>

<div style="grid-column-start:1;grid-column-end:4;grid-row-start:5;grid-row-end:9;background:#eee url('IMG_URL')center;background-size:cover;"></div>

<div style="grid-column-start:4;grid-column-end:7;grid-row-start:5;grid-row-end:9;background:#eee url('IMG_URL')center;background-size:cover;"></div>

<div style="grid-column-start:3;grid-column-end:5;grid-row-start:3;grid-row-end:7;outline:10px solid #fff;background:#eee url('IMG_URL')center;background-size:cover;"></div>

</div>

<div style="width:100%;height:90px;display:grid;grid-template-columns: repeat(7, 1fr);grid-template-rows: repeat(3, 1fr);gap:10px;">

<a href="#URL_HERE" style="grid-column-start:1;grid-column-end:4;grid-row-start:1;grid-row-end:2;display:flex;justify-content:center;align-items:center;text-decoration:none;color:#fff;background:#eee;">!!link!!</a>

<a href="#URL_HERE" style="grid-column-start:1;grid-column-end:4;grid-row-start:2;grid-row-end:3;display:flex;justify-content:center;align-items:center;text-decoration:none;color:#fff;background:#eee;">!!link!!</a>

<a href="#URL_HERE" style="grid-column-start:1;grid-column-end:4;grid-row-start:3;grid-row-end:4;display:flex;justify-content:center;align-items:center;text-decoration:none;color:#fff;background:#eee;">!!link!!</a>

<div style="grid-column-start:4;grid-column-end:5;grid-row-start:1;grid-row-end:4;background:#eee;"></div>

<a href="#URL_HERE" style="grid-column-start:5;grid-column-end:8;grid-row-start:1;grid-row-end:2;display:flex;justify-content:center;align-items:center;text-decoration:none;color:#fff;background:#eee;">!!link!!</a>

<a href="#URL_HERE" style="grid-column-start:5;grid-column-end:8;grid-row-start:2;grid-row-end:3;display:flex;justify-content:center;align-items:center;text-decoration:none;color:#fff;background:#eee;">!!link!!</a>

<a href="#URL_HERE" style="grid-column-start:5;grid-column-end:8;grid-row-start:3;grid-row-end:4;display:flex;justify-content:center;align-items:center;text-decoration:none;color:#fff;background:#eee;">!!link!!</a>

</div>

</div>
<div style="max-width:350px;width:100%;margin:0 auto;text-align:right;font-size:10px;"><a title="code credit!" href="http://10billionghosts.dreamwidth.org" style="text-decoration:none;color:#ddd;">❤</a></div>
</lj-raw>

Post a comment in response:

From:

Anonymous This account has disabled anonymous posting.

OpenID

Dreamwidth account

If you don't have an account you can create one now.

Subject

HTML doesn't work in the subject.

Formatting type

Message