w-screen: Tailwind CSS Width class

The w-screen class sets the element's width to match the screen's width.


w-screen

The w-screen class sets the element's width to match the screen's width.

Example Code

html
<div class="flex justify-center items-center gap-2 p-3 rounded-t-md bg-indigo-50">
<div class="w-screen bg-indigo-500 py-4 text-white font-bold rounded-lg px-4 text-center">
w-screen
</div>
</div>

Preview

w-screen

Windframe is a drag and drop builder for rapidly building tailwind css websites and UIs

Start building stunning tailwind UIs! 

Build from scratch or select prebuilt tailwind templates