JSFiddle - React, Tailwind, and code Playground

JavaScript

const lists = [
    {
        "id": 1,
        "title": "One"
    },
    {
        "id": 2,
        "title": "Two"
    },
    {
        "id": 3,
        "title": "Three"
    },
    {
        "id": 4,
        "title": "Four"
    },
    {
        "id": 5,
        "title": "Five"
    },
    {
        "id": 6,
        "title": "Six"
    }
];

document.write('<div class="row">')
document.write('<div class="left"><span>LEFT</span><br />')
lists.map((a,b) => {
	if(b%2 == 0) {
  	document.write('</div><br />')
  	document.write(`<div class="right"><span>RIGHT</span><br />`)
  	document.write(`<span>${a.title}</span><br/>`)
  } else{
  	document.write(`<span>${a.title}</span><br/>`)
  }
})
document.write('</div>')
document.write('</div>')