mondrian

[comment]coded by uxie!
loosely inspired by: [URL="https://www.deviantart.com/rareddeer/art/TEMPLATE-POST-NARRATIVO-N006-by-rareddeer-815887432"][/URL]

fonts used:
[font=Roboto Condensed]all text[/font]

to replace fonts, add/replace them here, and then in the variables below under *fonts used* check uxie's tech support in nine lives for more details ( ‾́ ◡ ‾́ )

[/comment][border=transparent;
/*left colour*/
--color-1: #d33939;
/*right colour*/
--color-2: #e2cdb3;

/*fonts used*/
--header: 'Roboto Condensed', sans-serif;

/*left image*/
--img-1: url('https://64.media.tumblr.com/442d5ea276a184e2655cdfa91dc94488/tumblr_pm958qnIbT1s8o69m_500.jpg');
/*right image*/
--img-2: url('https://64.media.tumblr.com/e64b19253420e3032e2c6ddc76f0e530/tumblr_pm958r1TIm1s8o69m_500.jpg');


height:fit-content; width:100%; max-width:clamp(235px, 55vw, 450px); padding:5px; position:relative; box-sizing:border-box; display:flex; flex-flow: row wrap; margin:auto; line-height:0;]
   [comment]----left----[/comment]
   [border=transparent; min-height:250px; flex:1; min-width:200px; padding:5px; box-sizing:border-box; display:flex; flex-flow: column nowrap; align-items:center;]
      [comment]----text----[/comment]
      [border=transparent; height:15px; width:100%; padding:0; display:flex; align-items:center; flex-shrink:0;]
[border=transparent; height:fit-content; width:fit-content; padding:0; margin-right:10px; color: var(--color-1); font-size:12px; line-height:100%;][fa]fas fa-chevron-right[/fa][/border]
[border=transparent; height:fit-content; width:fit-content; padding:0; font-family: var(--header); text-transform:uppercase; letter-spacing:0.7px; font-size:12px; font-weight:bold;][comment]

----* * * name here----

[/comment]full name here[/border]
      [/border]

      [comment]----image----[/comment]
      [border=transparent; width:100%; padding:0; margin:10px 0;][border=transparent; width:100%; padding:0; padding-top:95%; background: var(--img-1); background-size:cover; background-position: 50% 50%;][/border][/border]

      [comment]----line----[/comment]
      [border=transparent; height:15px; width:100%; padding:0; background: var(--color-1); flex-shrink:0;][/border]
   [/border]

   [comment]----right----[/comment]
   [border=transparent; min-height:250px; flex:1; min-width:200px; padding:5px; box-sizing:border-box; display:flex; flex-flow: column-reverse nowrap; align-items:center;]
      [comment]----text (don't add too many tags plz)----[/comment]
      [border=transparent; height:15px; width:100%; padding:0; display:flex; align-items:center; justify-content:flex-end; flex-shrink:0;]

[comment]----copy this whole thing to add a tag----[/comment]
[border=transparent; height:fit-content; width:fit-content; padding:0; margin:0 0 0 10px; color: var(--color-2); font-size:9px; font-family: var(--header); text-transform:uppercase; letter-spacing:1px; font-weight:bold; line-height:10px;][comment]

----* * * info here (try to keep these short)----

[/comment]# role here[/border]
[comment]----copy me too!----[/comment]

[comment]----copy this whole thing to add a tag----[/comment]
[border=transparent; height:fit-content; width:fit-content; padding:0; margin:0 0 0 10px; color: var(--color-2); font-size:9px; font-family: var(--header); text-transform:uppercase; letter-spacing:1px; font-weight:bold; line-height:10px;][comment]

----* * * info here (try to keep these short)----

[/comment]# fc here[/border]
[comment]----copy me too!----[/comment]
      [/border]

      [comment]----image----[/comment]
      [border=transparent; width:100%; padding:0; margin:10px 0;][border=transparent; width:100%; padding:0; padding-top:95%; background: var(--img-2); background-size:cover; background-position: 50% 50%;][/border][/border]

      [comment]----line----[/comment]
      [border=transparent; height:15px; width:100%; padding:0 3px; box-sizing:border-box; background: var(--color-2); flex-shrink:0; display:flex; justify-content:flex-end; align-items:center;]
         [comment]----signature! do not remove----[/comment]
         [border=transparent; height:fit-content; width:max-content; padding:0; line-height:100%; opacity:0.23; font-size:9px; color:var(--color-2); -webkit-filter: brightness(0.5) saturate(1.3); pointer-events:none;][font=Open Sans]♡coded by uxie♡[/font][/border][/border]
   [/border]

[/border]