What width is 1024 tall at 16:9?

1024 x 16 / 9 = 1820px. Use aspect-ratio: 16 / 9.

How to keep 1024 tall from stretching?

Set height: 1024px paired with the computed width, and aspect-ratio: W / H on the container; use object-fit for inner media.

1024 at this size works vertical or horizontal depending on ratio - check the table for portrait inversions like 9:16.

A 1024px-tall frame is used in many layouts. The table below lists the exact partner width at every ratio RatioCalc supports.

Ratio	Width for 1024	Pair	CSS
16:9	1820px	1820x1024	aspect-ratio: 16 / 9
4:3	1365px	1365x1024	aspect-ratio: 4 / 3
1:1	1024px	1024x1024	aspect-ratio: 1 / 1
9:16	576px	576x1024	aspect-ratio: 9 / 16
21:9	2389px	2389x1024	aspect-ratio: 21 / 9
3:2	1536px	1536x1024	aspect-ratio: 3 / 2
16:10	1638px	1638x1024	aspect-ratio: 16 / 10
4:5	819px	819x1024	aspect-ratio: 4 / 5
2:1	2048px	2048x1024	aspect-ratio: 2 / 1
239:100	2447px	2447x1024	aspect-ratio: 239 / 100
32:9	3641px	3641x1024	aspect-ratio: 32 / 9
5:4	1280px	1280x1024	aspect-ratio: 5 / 4
2:3	683px	683x1024	aspect-ratio: 2 / 3
18:9	2048px	2048x1024	aspect-ratio: 18 / 9
5:3	1707px	1707x1024	aspect-ratio: 5 / 3
1:2	512px	512x1024	aspect-ratio: 1 / 2

width = 1024 x rw / rh

// e.g. 9:16 at 1024 tall is 576px

Print tip: at 1024px, verify with w = 1024 x rw / rh before print - 1px matters on narrow banners.