'Tailwind responsive breakpoints don't override padding
Here's my div:
<div class="h-full w-screen p-24 text-white text-shdw-light flex flex-col gap-10 lg:px-46"></div>
Why doesn't it decrease the padding? lg:px-46(px-46 is a custom class) should mean that horizontal padding is 46 for resolutions above lg and when it goes below that, use p-24 right? If I replace lg:px-46 with lg:hidden it works as expected. Do breakpoints simply not work with padding?
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|