HELLO FRIENDS! I MADE A BUNCH OF MOOD BOARDS and am releasing them all in one go. They are all fairly straightforward. Feel free to customize them to suit your needs!

Last one of this pack is GREG, another fairly straightforward mood board that's got some additional styling so you can add an optional link list for nav purposes.

Super Special Thank You to thisisalex who made ALL of the sample mood boards on this entry!!

<lj-raw><div style="max-width:450px;width:100%;height:550px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1.5fr 1fr 1fr;gap:5px;"> <!-- top --> <div style="grid-column-start:1;grid-column-end:3;grid-row-start:1;grid-row-end:2;background:#ccc url('IMG_URL')center;background-size:cover;"></div> <!-- left side --> <div style="grid-column-start:1;grid-column-end:2;grid-row-start:2;grid-row-end:3;background:#ccc url('IMG_URL')center;background-size:cover;"></div> <div style="grid-column-start:1;grid-column-end:2;grid-row-start:3;grid-row-end:4;background:#ccc url('IMG_URL')center;background-size:cover;"></div> <!-- right side; optional text-based link list goes here --> <div style="grid-column-start:2;grid-column-end:3;grid-row-start:2;grid-row-end:4;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size: clamp(15px, 2vw, 19px);font-weight:bold;background:#ccc url('IMG_URL')center;background-size:cover;"> <a href="#URL_HERE" style="text-decoration:none;text-shadow:-2px 2px #aaa;color:#fff">LINK</a> <a href="#URL_HERE" style="text-decoration:none;text-shadow:-2px 2px #aaa;color:#fff">LINK</a> </div> <!-- circle --> <div style="grid-column-start:1;grid-column-end:3;grid-row-start:1;grid-row-end:2;display:flex;justify-content:center;align-items:center;"> <div style="width:200px;height:200px;border-radius:50%;box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;background:#bbb url('IMG_URL')center;background-size:cover;"></div> </div></div> <!-- CREDIT --> <div style="max-width:450px;width:100%;margin:0 auto;text-align:left;font-size:10px;font-weight:normal;color:#ccc"><a title="code credit!" href="https://10billionghosts.dreamwidth.org" style="text-decoration:none;color:#ccc;">code</a></div> <!-- CREDIT --></lj-raw>

HOW TO USE
❣️ Mind those lj-raw tags!! If you're missing one it will cause the circle to be flat on the bottom.

❣️ This code is mobile compatible and insanejournal friendly!

❣️ THANKS AGAIN TO ALEX FOR THE LIVE EXAMPLES ON THIS POST!

❣️ As always, check for IMG_URL and replace each one. There are five images total on this mood board, and they're all labeled. The circle that features at the top of the board is actually toward the bottom of the code so that everything layers properly.

❣️ The right side is styled so that you can add a set of links. You can add more links by copy-pasting them!

❣️ By default each link is set to be white (#fff) with a light gray (#aaa) background. Find-replace each of these with the colors you'd like to use instead.

❣️ I love peeking at what people do with my codes, so feel free to comment if you use! If you're feeling generous, you can also donate to my ko-fi.