DZHAMBUALT

Допишите в вашем скрипте атрибут defer, тогда можно будет его записать в head

<script src="main.js" defer></script>

Для начала сверстай модальное окно.

Потом в CSS задай родительскому блоку модального окна display:none; или transform: scale(0); (Также можно поиграться с позиционированием)

Затем поставь обработчик событий на карточку, кнопку или ещё чего в этом роде который будет реагировать на клик. При помощи обработчика событий добавляй класс который будет переписывать display:none или transform: scale(0).