Long description

The images in the flexbox are arranged side-by-side, while the flexboxes are placed one below the other. The first image in the first flexbox has a level-3 heading that reads, Albert Hall below the image. A link that reads, View is placed below the heading, which is the footer. The second image has a level-3 heading that reads, Florence Duomo. A link that reads, View is placed at the bottom of the image, which is the footer. An arrow labeled Like to have all footers at the bottom points from the footer in the first image to the footer in the second image.

The first block of code is placed at the right of the first flexbox and reads as follows. Line 1: open angle bracket div class equals open double quotes card close double quotes close angle bracket at indentation level 1. Line 2: open angle bracket div class equals open double quotes content close double quotes close angle bracket at indentation level 2. Line 3: open angle bracket i m g s r c equals open double quotes w dot j p g close double quotes forward slash close angle bracket at indentation level 3. Line 4: open angle bracket h 3 close angle bracket Albert Hall open angle bracket forward slash h 3 close angle bracket at indentation level 3. Line 5: open angle bracket forward slash div close angle bracket at indentation level 2. Line 6: open angle bracket footer close angle bracket at indentation level 2. Line 7: open angle bracket “a” h ref equals open double quotes hash close double quotes close angle bracket View open angle bracket forward slash “a” close angle bracket at indentation level 3. Line 8: open angle bracket forward slash footer close angle bracket at indentation level 2. Line 9: open angle bracket forward slash div close angle bracket at indentation level 1.

The first image in the second flexbox has a level-3 heading that reads, Albert Hall below the image. A link that reads, View is placed at the bottom of the image, which is the footer. The second image has a level-3 heading that reads, Florence Duomo. A link that reads, View is placed at the bottom of the image, which is the footer.

The second block of code placed at the right of the second flexbox reads as follows. Line 1: card open curly brace at indentation level 0. Line 2: display colon flex semicolon.

Line 3: flex hyphen direction colon column semicolon at indentation level 1. Line 4: close curly brace at indentation level at 0. Line 5: card dot content open curly brace at indentation level 0. Line 6: flex colon 1 1 auto semicolon at indentation level 1. Line 7: close curly brace at indentation value 0.