Long description

Browser Window 1 shows a web layout with a specific grid pattern that are individually labeled from A to M. The grids are shown in 3 rows are 10 columns as follows. Row 1 consists of 6 grids placed in 6 columns. Row 2 consists of 7 grids placed in 4 main columns, where the third column is divided into 2 rows with 2 grids in the first row and just 1 grid in the second row. The last column is divided into 2 rows. Row 3 consists of 4 grids placed in 4 columns. The vertical layout of the web page points to a line of text that reads as follows: Create a 10 column grid: each column with a width of 1 f r. The gap between two columns is labeled Use a grid gap of 25 p x. The height of the grids in the rightmost column are marked as follows: 175 p x, 75 p x, 175 p x, 275 p x.

Browser Window 2 shows a web page that contains Images and text placed in the grid layout shown in Browser Window 1.

Browser Window 3: The size of the browser window is 25 percent of browser window 1. This only shows only a portion of the content from what is shown in Browser Window 2. The grid layout is arranged in a single column.