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.
No description
8 Replies
dowellcamel
dowellcamelā€¢14mo ago
Hi. Would you mind pasting your code in a codepen?
Json
Jsonā€¢14mo ago
alright
vince
vinceā€¢14mo ago
Remove display: flex from your .modal class
Json
Jsonā€¢14mo ago
Ahh that did it. Just need to find another way to align things
vince
vinceā€¢14mo ago
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).
Json
Jsonā€¢14mo ago
The top heading is stretched across the entire width, its just supposed to be a a minimal tab like
Json
Jsonā€¢14mo ago
No description
Json
Jsonā€¢14mo ago
I think ill just play around with it from here I appreciate the help šŸ»
Want results from more Discord servers?
Add your server