.modal { height: inherit; } .modal-dialog { max-width: 100% !important; display: flex; height: 100vh; align-items: center; justify-content: center; } .modal__content{ div{ width: 50%; padding: 1.5rem; } } .modal-content { width: 60rem; height: 35rem; } .has-bg-dark { color: var(--base-color-white); } .modal__galery { display: grid; gap: 0.5rem; grid-auto-rows: 14rem; grid-template-columns: repeat(auto-fill, minmax(min(100%, 14rem), 1fr)); } .modal__featured { width: 100%; img { width: 100%; max-height: 14rem; } }