JSFiddle - React, Tailwind, and code Playground

HTML

<nav id="browser-nav">
    <div id="browser-nav-nav-bar" class="max-width min-width">
        
    <a class="theme-sans pull-down-link" data-target="browser-nav-category-01-drop-down" href="#">Gears</a><a class="theme-sans pull-down-link" data-target="browser-nav-category-02-drop-down" href="#">Wristwatches</a>

    </div>    
</nav>

CSS

@media all and (max-width: 945px) {
	div#browser-nav-nav-bar a, div#browser-nav-nav-bar p {
		font-size: 0.8rem;
	}
}

div#browser-nav-nav-bar a, div#browser-nav-nav-bar p {
	font-size: 1.2rem;
	margin: 0 0.5rem;
	padding: 0.5rem 1rem;
	line-height: normal;
}