Modal Tamanho

<p>&nbsp;</p>
<hr />
<p><!-- Botão para abrir o modal --> <button class="btn btn-secundary btn-block mb-4 cart open-modal-btn">Tabela de Medidas</button></p>
<!-- Modal -->
<div id="modal" class="modal-medidas">
<div class="modal-content"><span class="close-modal">&times;</span>
<h3>Tabela de Medidas</h3>
<table class="measurement-table">
<thead>
<tr>
<th>&nbsp;</th>
<th>PP</th>
<th>P</th>
<th>M</th>
<th>G</th>
<th>GG</th>
</tr>
</thead>
<tbody>
<tr>
<td>Busto</td>
<td>82 a 86 cm</td>
<td>87 a 92 cm</td>
<td>93 a 98 cm</td>
<td>99 a 104 cm</td>
<td>105 a 110 cm</td>
</tr>
<tr>
<td>Cintura</td>
<td>62 a 66 cm</td>
<td>67 a 79 cm</td>
<td>71 a 76 cm</td>
<td>77 a 84 cm</td>
<td>85 a 92 cm</td>
</tr>
<tr>
<td>Quadril</td>
<td>88 a 94 cm</td>
<td>95 a 99 cm</td>
<td>100 a 106 cm</td>
<td>107 a 113 cm</td>
<td>114 a 120 cm</td>
</tr>
</tbody>
</table>
<p class="note">*Seguir essa tabela para comparar com as medidas do seu corpo e ver em qual numera&ccedil;&atilde;o voc&ecirc; se enquadra.</p>
</div>
</div>
<p>
<script>
// Seleciona elementos
const openModalBtn = document.querySelector('.open-modal-btn');
const modal = document.getElementById('modal');
const closeModal = document.querySelector('.close-modal');

// Abre o modal
openModalBtn.addEventListener('click', () => {
    modal.style.display = 'flex';
});

// Fecha o modal
closeModal.addEventListener('click', () => {
    modal.style.display = 'none';
});

// Fecha o modal ao clicar fora do conteúdo
window.addEventListener('click', (e) => {
    if (e.target === modal) {
        modal.style.display = 'none';
    }
});
</script>