JSFiddle - React, Tailwind, and code Playground

by zxzc0

HTML

<div id="en1">-</div> |
<div id="pl1">-</div>
<br />
<div id="en2">-</div> |
<div id="pl2">-</div>
<br />
<div id="en3">-</div> |
<div id="pl3">-</div>
<br />
<div id="en4">-</div> |
<div id="pl4">-</div>
<br />
<div id="en5">-</div> |
<div id="pl5">-</div>

CSS

body{
  background-color: #20262E;
  color: #fff;
}

div{
  display: inline-block;
}

JavaScript

let words=[{en: 'develop into', pl: 'rozwinąć się w, stawać się(kimś)',},{en: 'eco - freak', pl: 'fanatyk / fanatyczka ekologii',},{en: 'fitness maniac', pl: 'fanatyk / fanatyczka ćwiczeń fizycznych',},{en: 'focus on', pl: 'skupiać się na',},{en: 'grow up', pl: 'rosnąć, dorastać',},{en: 'have a lot / little in common', pl: 'mieć dużo / niewiele wspólnego',},{en: 'health nut', pl: 'osoba mająca obsesję na punkcie zdrowia',},{en: 'huge', pl: 'ogromny',},{en: 'identify', pl: 'zidentyfikować',},{en: 'look up to', pl: 'podziwiać',},{en: 'realise', pl: 'zdać sobię sprawę',},{en: 'recognise', pl: 'rozpoznać',},{en: 'remember', pl: 'pamiętać',},{en: 'remind someone to do something', pl: 'przypomnieć komuś, by coś zrobił',},{en: 'spend money on', pl: 'wydawać pieniądze na',},{en: 'spot', pl: 'dostrzec',},{en: 'the complete opposite', pl: 'całkowite przeciwieństwo',},{en: 'typical of', pl: 'typowy dla',},{en: 'be part of someone’ s nature', pl: 'leżeć w czyjejś naturze',},{en: 'befriend', pl: 'zaprzyjaźnić się z',},{en: 'bizarre', pl: 'dziwny',},{en: 'can’ t believe your ears', pl: 'nie móc uwierzyć własnym uszom',},{en: 'common experience', pl: 'częste doznanie',},{en: 'find common ground', pl: 'znaleźć wspólną płaszczyznę',},{en: 'have the time of your life', pl: 'doskonale się bawić',},{en: 'place', pl: 'rozpoznać, zidentyfikować',},{en: 'pluck up to the courage(to do something)', pl: 'zdobyć się na odwagę(aby coś zrobić)',},{en: 'raise questions', pl: 'nasuwać pytania',},{en: 'scan', pl: 'przeskanować(np.mózg), przebiec wzrokiem(np.tekst)',},{en: 'sophisticated', pl: 'skomplikowany, zaawansowany',},{en: 'strike up(a conversation)', pl: 'nawiązać(rozmowę)',},{en: 'checked', pl: 'w kratę'},{en: 'cotton', pl: 'bawełna'},{en: 'gold', pl: 'złoto'},{en: 'leather', pl: 'skóra, skórzany'},{en: 'plain', pl: 'gładki'},{en: 'silk', pl: 'jedwab'},{en: 'silver', pl: 'srebro, srebrny'},{en: 'spotted', pl: 'w kropki'},{en: 'striped', pl: 'w paski'},{en: 'tartan', pl: 'w szkocką...