const configureWideElement = (newEle) => { const [width, height, color] = createRandomNumbers(); newEle.style.width = largeNums[width] + 'px'; newEle.style.height = smallNums[height] + 'px'; newEle.style.backgroundColor = backgrounds[color]; newEle.classList.add('line', 'line-wide'); } const configureTallElement = (newEle) => { const [width, height, color] = createRandomNumbers(); newEle.style.width = smallNums[width] + 'px'; newEle.style.height = largeNums[height] + 'px'; newEle.style.backgroundColor = backgrounds[color]; newEle.classList.add('line', 'line-high'); }
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter