JSFiddle - React, Tailwind, and code Playground

by seevis

HTML

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Oswald&display=swap" rel="stylesheet"> 

<div class="dziennikimie">Nóirin / Nora Duinn</div>
<img src="https://64.media.tumblr.com/da3de986a916a2df41f40d54aad80203/tumblr_pr286gMdB71u4kolmo8_540.gif" class="imgdziennik">

<div class="txtboks">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent cursus velit imperdiet massa porta, ut finibus mi pellentesque. Cras et sapien in magna pharetra vestibulum a quis nibh. Pellentesque vel libero ornare massa egestas convallis non in enim. Maecenas maximus nunc eu libero porta luctus. Aenean quis molestie quam. Mauris convallis ex id elit interdum volutpat. Sed sapien mauris, condimentum non ante vel, congue fermentum lectus. Ut cursus, enim a pellentesque mollis, eros leo pulvinar nisi, non molestie augue magna sit amet risus. Suspendisse pulvinar volutpat neque, eu rhoncus arcu fermentum in. Nullam in mi sed magna vulputate porttitor id ut diam.</div>
<div class="podtytdziennik">Sesje</div>
<div class="txtboks">[url=https://lunaria.forumpolish.com]Link do sesji[/url] - z kim + opis
</div>

<div class="podtytdziennik">Retrospekcje</div>
<div class="txtboks">[url=https://lunaria.forumpolish.com]Link do sesji[/url] - z kim + opis
</div>

<div class="podtytdziennik">Relacje</div>
<div class="txtboks">[url=https://lunaria.forumpolish.com]Użytkownik[/url] - krótki opis
</div>

CSS

.dziennikimie {
  font-family: 'Oswald', sans-serif;
  font-size: 24px;
  color: #8f6e4d;
}

.imgdziennik {
  max-height: 140px;
  width: auto;
  border: 1px solid #8f6e4d;
}

.txtboks {
  margin-top: -10px;
  width: 420px;
  color: grey;
  background: #171717;
  padding: 5px;
  border-radius: 2px;
  text-align: justify;
  font-size: 11px;
  line-height: 1.1;
}

.podtytdziennik {
  font-family: 'Oswald', sans-serif;
  font-size: 16px;
  color: #8f6e4d;
}