JSFiddle - React, Tailwind, and code Playground

by Alexis LĂłpez Espinoza

HTML

<div data-celda = "50%"></div>
<div data-celda = "25%"></div>

CSS

[data-celda]{
    height: 5em;
    background: green;
    margin-bottom: .5em;
}

JavaScript

var celdas = document.querySelectorAll("[data-celda]"),
    total = celdas.length;

for (var i = 0; i < total; i++)
    celdas[i].style.width = celdas[i].getAttribute("data-celda");