The bg-auto class belongs to the background size group within the backgrounds category.
Here is an example of how to use bg-auto:
<div class="bg-cover p-8 w-96 h-96 rounded-xl bg-no-repeat bg-center bg-[url('/placeholders/mountain.jpg')]"></div>
background-size: auto;
The absolute must-have tool for anyone using Tailwind CSS.
Scan, Edit, Export any tailwind site in browser to create the perfect UI - download the chrome extension!