Categories
CSS HTML

Diabolical Formatting Exercise

Copy the following snippet of text into Visual Studio Code:

Video standard Resolution Pixels Aspect ratio
QQVGA 160 × 120 19k 4:3
HQVGA 240 × 160 38k 3:2
QVGA 320 × 240 76k 4:3
WQVGA 480 × 272 130k 16:9
VGA 640 × 480 307k 4:3
SVGA 800 × 600 480k 4:3
XGA 1024 × 768 786k 4:3
HD 1260 × 768 967k 16:9
WXGA 1280 × 800 1,024k 16:10
SXGA 1280 × 1024 1,310k 5:4
UXGA 1600 × 1200 1,920k 4:3
FHD 1920 × 1080 2,073k 16:9
DCI 2K 2048 × 1080 2,211k 19:10
WQXGA 2560 × 1600 4,096k 16:10
4K UHD 3840 × 2160 8,294k 16:9
8K UHD 7680 × 4320 33,177k 16:9

Now, figure out the most most efficient way to turn this data into a table with the following characteristics:

  • There are four columns.
  • The first row of the snippet has the table headers.
  • Each table header begins with a capital letter.
  • The table has this caption at the bottom: Standard Video Resolutions.
  • In the last two rows, UHD is part of the first column.