Long description

The browser window is divided into two vertical sections. The block of code corresponding to the window reads as follows. Line 1: main open curly brace at indentation level 0. Line 2: display colon grid semicolon at indentation level 1. Line 3: grid hyphen template hyphen columns colon 1 f r 4 f r semicolon at indentation level 1. Line 4: close curly brace at indentation level 0.

The first section consists of a level-1 heading that reads, “Filter” at the top left. A level-2 heading that reads, “Gallery” is placed below the level-1 heading followed by three radio buttons below labeled J. Paul Getty Museum, National Gallery of Art, and Rijksmuseum. The second radio button is selected. Another level-2 heading that reads, Color is placed below the radio buttons. Two rows of colored boxes are placed in three columns below the Color heading. A textbox with a label above that reads, “Artist” is placed below the colored boxes. A button labeled Find is placed below the textbox.

The second section consists of rows of paintings with the names of the painter on it and a View button each. The paintings are placed in four columns.

The second block of code reads as follows. Line 1: open angle bracket main close angle bracket at indentation level 0. Line 2: open angle bracket aside close angle bracket at indentation level 1. Line 3: open angle bracket h 2 close angle bracket Filter open angle bracket forward slash h 2 close angle bracket at indentation level 2. Line 4: open angle bracket forward slash aside close angle bracket at indentation level 0. Line 5: open angle bracket section close angle bracket at indentation level 0. Line 6: open angle bracket div class equals open double quotes card close double quotes close angle bracket at indentation level 1. Line 7: open angle bracket div class equals open double quotes card close double quotes close angle bracket at indentation level 1. Line 8: open angle bracket forward slash section close angle bracket at indentation level 1. Line 9: open angle bracket forward slash main close angle bracket at indentation level 0. Lines 2 to 4 correspond to the first section. Lines 5 to 8 correspond to the second section.

The third block of code that corresponds to the rest of the window reads as follows. Line 1: section open curly brace at indentation level 0. Line 2: display colon grid semicolon at indentation level 1. Line 3: grid hyphen gap colon 1 e m semicolon at indentation level 1. Line 4: grid hyphen template hyphen columns colon repeat open parenthesis auto hyphen fit, 220 p x close parenthesis semicolon at indentation level 1. Line 5: close curly brace at indentation level 0.