JSFiddle - React, Tailwind, and code Playground

by Codi Bezouka-Smith

HTML

<div class="row">
  <div class="column"></div>
  <div class="column"></div>
  <div class="column"></div>
</div>

JavaScript

const fns = {
  data: {
    photos: [
      { id: 1, alt: 'Chucky', src: 'https://i.imgur.com/rjv7IfK.jpeg', },
      { id: 2, alt: '', src: '', },
      { id: 3, alt: '', src: '', },
      { id: 4, alt: '', src: '', },
      { id: 5, alt: '', src: '', },
      { id: 6, alt: '', src: '', },
      { id: 7, alt: '', src: '', },
    ],
  },
  dom: {
    columns: () => { return document.querySelectorAll('div.row div.column') },
    row: () => { return document.querySelector('div.row') },
  },
};