JSFiddle - React, Tailwind, and code Playground

HTML

<code id="output"></code>

CSS

body {
  margin: 0;
}
#output {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.box {
  margin: 10px;
  padding: 8px 16px;
  text-align: center;
  flex: 0 0 80px;
  background: grey;
  color: #fff;
}

Babel + JSX

const output = document.getElementById('output')

const BASE_URL = 'https://jsonplaceholder.typicode.com'
const endpoint = 'posts'
const url = `${BASE_URL}/${endpoint}`

async function getData(url) {
	const result = await fetch(url).then(response => response.json())
  return result
}

getData(url).then(result => {
	result.forEach(data => {
  	const box = document.createElement('div')
    box.className = 'box'
    box.textContent = data.title
    output.append(box)
  })
})