Avatar of Peter Nordberg
Peter NordbergFlag for Sweden asked on

Same height on portlets

Hi,

I'm trying to design portlets that can have the same height if they are beside each other but have different content length. I've done a try in the below code pen where I succeded in getting them in the same height, but it messes up the body and footer elements in the portlet.

If someone has an idea in how to fix this I would be grateful.

Here's the link to the codepen:
Portlet code

Thanks for help!
Peter
CSSHTML

Avatar of undefined
Last Comment
Zakaria Acharki

8/22/2022 - Mon
ASKER CERTIFIED SOLUTION
Zakaria Acharki

Log in or sign up to see answer
Become an EE member today7-DAY FREE TRIAL
Members can start a 7-Day Free trial then enjoy unlimited access to the platform
Sign up - Free for 7 days
or
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
See how we're fighting big data
Not exactly the question you had in mind?
Sign up for an EE membership and get your own personalized solution. With an EE membership, you can ask unlimited troubleshooting, research, or opinion questions.
ask a question
ASKER
Peter Nordberg

Ok, thanks, but why does the body get scrollable instead of just showing all content?
Zakaria Acharki

You're welcome, Since there's much content, if you want to show all the content then you must increase the height of the body part what means increasing the height of the portlets too, else you will end up with something like :

https://codepen.io/acharki-zakaria/pen/wRpgoO
ASKER
Peter Nordberg

I have a min-height on the portlet, should I change that to somerthing else?
This is the best money I have ever spent. I cannot not tell you how many times these folks have saved my bacon. I learn so much from the contributors.
rwheeler23
Zakaria Acharki

Yes, that possible if you increase the min-height to :

min-height: 620px;

Open in new window


That will show you the full body text.