JSFiddle - React, Tailwind, and code Playground

HTML

<div>
<ul>
	<li>1</li>
	<li>2</li>
	<li>3</li>
	<li>4</li>
</ul>
</div>

CSS

div {
    width: 70%;
}
ul {
    padding-bottom: 56.25%;
    background: green;
}