JSFiddle - React, Tailwind, and code Playground

by phloe

HTML

<div>

</div>

CSS

div {
	width: calc(var(--w, -100%) * -1);
	min-height: 100px;
	background-color: red;
}

@media (min-width: 400px) {
	div {
		--w: calc(-50%);
	}
}