What you need to do

Currently, our modal does not close when the close button is clicked or when the modal background is clicked. Implement this functionality so that users can easily close the modal when they're done viewing the images.

Expected behavior

When a user clicks the close button or the modal background, the modal should close and return to the gallery view:

Hint

What you need to do

Our modal currently lacks the functionality to navigate between images using the provided "previous" and "next" buttons. Implement this feature so that users can easily navigate between images within the modal.

Expected behavior

When a user clicks the "previous" or "next" button within the modal, the displayed image should change accordingly, allowing users to navigate through the gallery within the modal:

What you need to do

In the modal, the "previous" and "next" buttons should be disabled when the first or last image is displayed, respectively. Implement this functionality to enhance the user experience and prevent navigating beyond the image gallery's limits.

Expected behavior

When the first image is displayed, the "previous" button should be disabled. When the last image is displayed, the "next" button should be disabled:

What you need to do

Our gallery should display a larger version of an image when it's clicked. However, this functionality is missing. Please implement the functionality to display the clicked image in a modal.

Expected behavior

When a user clicks on an image in the gallery, the clicked image should be displayed in a modal, like so: