All Tools
1049+ free tools

Layout Dimensions

Calculate container, content, and sidebar widths for responsive layouts.

Inner content · 1232px
Container 1280px (with 24px padding each side)
480
xs
640
sm
768
md
1024
lg
1280
xl
1536
2xl
.container {
  width: 1280px;
  padding-inline: 24px;
}
.inner { width: 1232px; }

Related design tools

Accessibility Checker
WCAG contrast & accessibility compliance checker
Color Wheel
Interactive HSL color wheel — click to pick hue and saturation.
Color Picker
Pick a color and get HEX, RGB, and HSL values instantly.
Palette Generator
Generate random color palettes in 5 styles.