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