Background Images Tailwind | Tailwind CSS Tutorial | Tailwind Tutorial | Learn Tailwind 2 CSS

Love You Brother❤

Thank you

simple, but this is risk while your foget it wkwkwk

thank you

Tailwind is wild, love your tutorial, you tried to help but didn't work for me I had to do a mix of all things bg amd max w & h screen , what I'm saying is i basically toggled through most of the utility classes for images and background

You can set bg-[url('/images/background.png')] instead of using inline styles btw

can tailwind insert multiple background images? i can't find any answer in the web

h-full is not working what could be the problem

Thank you for this video!

Discord group link

for classNames you have to do something like <div class="bg-[url('/img/hero-pattern.svg')]">

Good job you saved me thx

Amazing :)

Every 60 seconds in Africa one minute passes... together we can stop this... with major investment we can get it down to 59 seconds.

Thanks for sharing!

amazing, thanks for help

ty <3 <3 <3

I also have the same problems as Mr. Therichardchannel, I use laravel 8 w-full and h-full does not work, with h-96 and w-96 I can still see something, effect is not given.

Very detailed tutorial, thanks for that.
Many greetings from Berlin

how to darken the background image without darking the content inside the div where i have set the background?

Tailwind's background image classes are weird, especially with React. You have to either add a padding p-96 or h-96 for it to even show up or use h-screen, otherwise it takes the height of its nested elements. Does normal CSS do that? I don't remember.

Hey! Please, disable auto page refresh when you recording. It's very hard to track changes due to this approach.

Do yo have a video on the other method on creating utility classes?

Hi,

Thanks for this great video. Really liked it. May I know what is the name of that oh-my-zsh theme you are using?

How would I go about this problem: On mobile i have 1 bg image, but on desktop i need bigger one. I have src in my image but how do i change it dynamicly? Usually no problem in tailwind since u have sm, md etc utility classes but i cannot use these inside my image, i can only use them inside className...

When I applied h-full , it didn't work but when I apply h-96 or any others height it works , I don't know why ?

Happy coding this way :)

Hi Bro plz start video Vue js.

Thanks man keep going

Thanks for this. It was exactly what I needed

Thanks a lot for sharing gems