Stay in the loop
Design tips, new tools & UX insights. Once a month. No spam.
Form Controls
Data Display
Navigation
Feedback
Loading…
Calculate dimensions, find aspect ratios, and copy CSS aspect-ratio values
16:9
aspect-ratio: 16 / 9;
Preview
HD/4K video, YouTube, presentations
4:3
Classic TV, iPad, presentations
1:1
Instagram post, profile pictures
21:9
Ultrawide, cinema, banner ads
9:16
Stories, Reels, TikTok, Shorts
3:2
DSLR photo, print (6×4)
2:3
Portrait print, book covers
Aspect ratios in responsive layouts
CSS Grid
CSS Grid layout generator
Flexbox Generator
Visual CSS flexbox layout builder
Spacing
Spacing scale generator
Responsive Preview
Preview your site across screen sizes