Currently, I am tackling a project that involves creating a responsive design with Tailwind CSS on nuxtjs.
Has anyone encountered the issue of py-8 applying to both breakpoints? If so, please share your insights!
Here is how I have structured the component:
<template>
<div class="bg-[#EEEEEE] py-8 lg:py-20">
<p class="text-3xl lg:text-5xl text-center mb-0">Partners</p>
</div>
</template>
<script>
export default {};
</script>
<style>
</style>
I have been conducting research through Google and Stack Overflow, but most answers refer to older versions of Tailwind CSS utilizing the variants property in tailwind.config.js