Link to home
Start Free TrialLog in
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
ASKER CERTIFIED SOLUTION
Avatar of Zakaria Acharki
Zakaria Acharki
Flag of Morocco image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of Peter Nordberg

ASKER

Ok, thanks, but why does the body get scrollable instead of just showing all content?
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
I have a min-height on the portlet, should I change that to somerthing else?
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.