JSFiddle - React, Tailwind, and code Playground

HTML

<div data-role="main" class="ui-content">
    <div class="question">
         <h4>How old are you?</h4>

    </div>
    <div class="options">
        <div class="answer">
            <p><a href="#phase1a" data-transition="none">5</a>

            </p>
        </div>
        <div class="answer">
            <p><a href="#phase1b" data-transition="none">10</a>

            </p>
        </div>
        <div class="answer">
            <p><a href="#phase1c" data-transition="none">15</a>

            </p>
        </div>
    </div>
</div>

CSS

.ui-page {
    background-color: green;
}

@media (max-width: 320px) {

    .ui-page {

        background-color: red;

    }

}