Layout with 5 Images in a Row

Display 5 images horizontally using a row layout (e.g., Flexbox or CSS Grid).

Each image acts as a selectable thumbnail.

Default Full Preview

Above the row, show a large/full preview of the first image by default when the component loads.

On Image Click

When a user clicks on any image in the row:

That image should be shown in the full preview area at the top.

Question

Layout with 5 Images in a Row

Display 5 images horizontally using a row layout (e.g., Flexbox or CSS Grid).

Each image acts as a selectable thumbnail.

Default Full Preview

Above the row, show a large/full preview of the first image by default when the component loads.

On Image Click

When a user clicks on any image in the row:

That image should be shown in the full preview area at the top.

Morgan Stanley