Desktop Design

Active States

Mobile Design

Job listings with filtering

<h2 class="text-primary mr-1 lg:mr-2 md:text-md">Account</h2>

<h1 class="text-black mb-1 hover:text-primary cursor-pointer md:text-lg">Junior Frontend Developer</h1>

<h2 class="text-primary mr-1 lg:mr-2 md:text-md">MyHome</h2>

<div class="text-dark-cyan flex justify-start lg:justify-start gap-x-2 items-center"><h3>5d ago</h3><span>·</span><h3>Contract</h3><span>·</span><h3>USA Only</h3></div>

<h2 class="text-primary mr-1 lg:mr-2 md:text-md">Loop Studios</h2>

<h1 class="text-black mb-1 hover:text-primary cursor-pointer md:text-lg">Software Engineer</h1>

<div class="text-dark-cyan flex justify-start lg:justify-start gap-x-2 items-center"><h3>1w ago</h3><span>·</span><h3>Full Time</h3><span>·</span><h3>Worldwide</h3></div>

<h2 class="text-primary mr-1 lg:mr-2 md:text-md">FaceIt</h2>

<h1 class="text-black mb-1 hover:text-primary cursor-pointer md:text-lg">Junior Backend Developer</h1>

<h2 class="text-primary mr-1 lg:mr-2 md:text-md">Shortly</h2>

<h1 class="text-black mb-1 hover:text-primary cursor-pointer md:text-lg">Junior Developer</h1>

<div class="text-dark-cyan flex justify-start lg:justify-start gap-x-2 items-center"><h3>2w ago</h3><span>·</span><h3>Full Time</h3><span>·</span><h3>Worldwide</h3></div>

<h2 class="text-primary mr-1 lg:mr-2 md:text-md">Insure</h2>

<h2 class="text-primary mr-1 lg:mr-2 md:text-md">Eyecam Co.</h2>

<h1 class="text-black mb-1 hover:text-primary cursor-pointer md:text-lg">Full Stack Engineer</h1>

<div class="text-dark-cyan flex justify-start lg:justify-start gap-x-2 items-center"><h3>3w ago</h3><span>·</span><h3>Full Time</h3><span>·</span><h3>Worldwide</h3></div>

<h2 class="text-primary mr-1 lg:mr-2 md:text-md">The Air Filter Company</h2>

<h1 class="text-black mb-1 hover:text-primary cursor-pointer md:text-lg">Front-end Dev</h1>

<div class="text-dark-cyan flex justify-start lg:justify-start gap-x-2 items-center"><h3>1mo ago</h3><span>·</span><h3>Part Time</h3><span>·</span><h3>Worldwide</h3></div>

<div class="text-center mt-2 p-2 text-dark-cyan opacity-70 text-[12px] sm:text-base"> Challenge by <a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor</a>. Coded by <a href="#">Metis T</a>. </div>

Please log in to post a comment

Community feedback

Job-listing-filtering, TailwindCSS jit mode, Vue

Solution retrospective

Please log in to post a comment

Community feedback

Join our Discord community