Check out our free templates made with AI and polished to perfection in Windframe

Get now

rounded-md: Tailwind CSS Border Radius class

The rounded-md class in Tailwind CSS applies a medium border-radius to all corners of an element


rounded-md

The rounded-md class in Tailwind CSS applies a medium border-radius to all corners of an element. It offers a subtle but noticeable curve, often used in buttons, cards, inputs, and containers for a clean, modern look.

Syntax

html
<div class="rounded-md">...</div>

Example Code

html
<div class="bg-white p-4 shadow rounded-md">
This box has medium-rounded corners using Tailwind CSS.
</div>

Preview

This box has medium-rounded corners using Tailwind CSS.

Windframe is an AI visual editor for rapidly building stunning web UIs & websites

Start building stunning web UIs & websites! 

Build from scratch or select prebuilt tailwind templates