Example
Click on the open modal btn for the modal demo. This modal closes on clicking the close btn or icon and also outside the modal.
<button class="btn open-modal-btn">Open Modal</button>
<div class="modal">
<div class="modal-content">
<div class="modal-header">
<h4>Modal Heading</h4>
<button class="btn btn-icon">
<i class="fas fa-times"></i>
</button>
</div>
<div class="modal-body">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.
Maiores aperiam sapiente ipsa voluptas.
Perspiciatis facere rerum ab amet nulla,
at atque magnam illum quo ipsam quos accusamus porro,
illo doloribus?
</p>
</div>
<div class="modal-footer">
<button class="btn close-modal-btn">Close</button>
<button class="btn btn-primary">Action</button>
</div>
</div>
</div>