Scrollbar area
Hello there,
I am working on a website.
The main page is a grid layout, when you click CONTACT in the nav, a modal overlay opens up, which is a form for contact information.
I am extending this form to have more questions and options.
But I still want to keep the area relatively the same size and add a scroll bar.
So after attempting this, as I adjust the height of the modal, all of the contents are not shown. The top of the form is cut off, even with the scrollbar implemented.
I'm not sure a way to adjust the height of the div area so all of the contents are shown by the overflow and scrollbar.
Code Pen ---> https://codepen.io/jj_roby/pen/XWoyvpG
Let me know.
Thank.
8 Replies
Hi. Would you mind pasting your code in a codepen?
alright
Remove
display: flex
from your .modal
classAhh that did it. Just need to find another way to align things
How are you trying to align it?
You don't need flex here if you just want them to be aligned to the left.
If you need spacing between the different input groups though you can just use margin-bottom instead of flex gap, or you can use grid gap as well (though I'm not sure if it will exhibit the same cutoff behavior that flex had).
The top heading is stretched across the entire width, its just supposed to be a a minimal tab like
I think ill just play around with it from here
I appreciate the help
š»