JSFiddle - React, Tailwind, and code Playground

by Michael Keller

HTML

<div id="container-1" class="container">
  <p>Normal vs <span class="highlighted">highlighted</span>.</p>
</div

><div id="container-2" class="container">
  <p>Normal vs <span class="highlighted">highlighted</span>.</p>
</div>

CSS

#container-1{
	background-color: #f0c;
}
#container-2{
	background-color: #0fc;
}
.highlighted{
    background-color: yellow;
}
.container{
    display: inline-block;
    width: 50%;
    text-align: center;
}

@media screen and (max-width: 650px) {
	.container{
		width: 100%;
	}
}