Use modals to present additional steps needed before carrying out an action.
A typical example is when a user clicks a button to perform some action, but
they need to fill out a form first. Use modals sparingly, since they prevent
users from interacting with the main page.
Two close modals you have 2 choices:
Add a button with the .modal-close class in the footer.
Don't include any .modal-close button. In this case we will add a close button to the modal, and also make it so clicking outside of the modal closes it. Use this for information dialogs, rather than forms, since you don't want users to lose their input by accident.