JSFiddle - React, Tailwind, and code Playground
by luka kupunia
HTML
<div class="FourImages"></div>
JavaScript
var sets =
[
[
{
img: 'https://picsum.photos/200/300/?random1',
link: 'https://website01.com',
text: 'description01'
},
{
img: 'https://picsum.photos/200/300/?random2',
link: 'https://website02.com',
text: 'description02'
},
{
img: 'https://picsum.photos/200/300/?random3',
link: 'https://website03.com',
text: 'description03'
},
{
img: 'https://picsum.photos/200/300/?random4',
link: 'https://website04.com',
text: 'description04'
}
],
[
{
img: 'https://picsum.photos/200/300/?random5',
link: 'https://website05.com',
text: 'description05'
},
{
img: 'https://picsum.photos/200/300/?random6',
link: 'https://website06.com',
text: 'description06'
},
{
img: 'https://picsum.photos/200/300/?random7',
link: 'https://website07.com',
text: 'description07'
},
{
img: 'https://picsum.photos/200/300/?random8',
link: 'https://website08.com',
text: 'description08'
}
],
[
{
img: 'https://picsum.photos/200/300/?random9',
link: 'https://website09.com',
text: 'description09'
},
{
img: 'https://picsum.photos/200/300/?random10',
link: 'https://website10.com',
text: 'description10'
},
{
img: 'https://picsum.photos/200/300/?random11',
link: 'https://website11.com',
text: 'description11'
},
{
img: 'https://picsum.photos/200/300/?random12',
link: 'https://website12.com',
text: 'description12'
}
],
[
{
img: 'https://picsum.photos/200/300/?random13',
link: 'https://website13.com',
text: 'description13'
},
{
img: 'https://picsum.photos/200/300/?random14',
link: 'https://website14.com',
text: 'description14'
},
{
img: 'https://picsum.photos/200/300/?random15',
link: 'https://website15.com',
text: 'description15'
},
{
img:...