I want a sticky side bar both side of my page using tailwind css?

Go to tailwind webside. Right click and select inspect. See the classes they used for theirs. Copy and paste. Done :)

Thank you for your reply. but copying and using a production build code into your own app is not that easy. it is so confusing and doing that you can never learn the basic of that thing because you are not learning how to do that instead you are just copying and pasting (in case you are able to do it) it. then every time later you might be do the same loop again.

so i want a solution which i can use and i can learn from that as well for my future usage.

Well tailwind is more or less just classes for each css method. Do you know css? If not I would suggest reading up on basic css first. Google "css beginner tutorial". Then just use the tailwind classes when you need to use some sort of css.

If the tutorial tells you to write

.myclass {
    display: inline-block;
}

You simply give your element the class inline-block

https://tailwindcss.com/docs/display/#app

You can also inspect each class on their sidebar, and check what they do. They reference the css method in the documentation.