Hi there
i have a design in which i need to use a modal that doesn’t occupy the full height of the display
im using the following css
.modal{
margin-left:auto;
margin-right:auto;
overflow: visible !important;
width: 80% !important;
top:10%;
height:30%;
background-color:black;
border:2px solid white;
border-radius:10px;
}
but the height is getting ignored
anyway to achieve this?
Can you put together a codepen to show this?
image is worth more than thusand word
on mobile screen resolutions i can’t find the way to make the modal window not to stretch all the way down.
i want it to wrap the contents plus another 20px or so
Don’t mind the !important, codepen is weird like that.
So the modal has a min-height set on to it, so you just have to override that with min-height: initial;
oh man i can’t believe i missed it…
Thanks
