JSFiddle - React, Tailwind, and code Playground

by Mohammed Sameer

HTML

<div>
	<ul class="gn-filter-anchor-list">

		<li>
			<a title="Under $25.00" tabindex="0" href="/"><span class="off-screen">from Price</span> Under $25.00</a></li>
		<li>
			<a title="$25.00-$49.00" tabindex="0" href="/"><span class="off-screen">from Price</span> $25.00-$49.00</a></li>
		<li>
			<a title="$50.00-$74.00" tabindex="0" href="/"><span class="off-screen">from Price</span> $50.00-$74.00</a></li>
		<li>
			<a title="$75.00-$99.00" tabindex="0" href="/"><span class="off-screen">from Price</span> $75.00-$99.00</a></li>
		<li>
			<a title="Over $100.00" tabindex="0" href="/"><span class="off-screen">from Price</span> Over $100.00</a></li>
  </ul>
</div>
<div >
	<div class="dept-large"><a href="/" tabindex="2">xxx</a></div>
	<div class="dept-large"><a href="/" tabindex="1">xxx</a></div>
	<div class="dept-large"><a href="/" tabindex="1">xxx</a></div>	
</div>
<div >
	<ul class="pagination" >
		<li class="current"><a href="#" >1</a></li>
		<li class="odd first"><a href="#" >2</a></li>
		<li class="even"><a href="#" >3</a></li>
		<li class="odd"><a href="#" >4</a></li>
	</ul>
</div>