Responsive layout with matching column heights
I'm attempting to create a responsive display so that a page renders nicely in various screen resolutions. I have a design concept that has 4 equal width columns. However, I'm trying to figure out how to make the height of each column adjust to match as well. For example, in this layout - https://cairn.edu/custom/test2.php - how can I make the height of columns 1, 2 and 3 follow the height of column 4 based on whatever content is in column 4?
I found another example that actually does what I want but it seems to use Bootstrap and I can't put my finger on the code that is actually making it work the way I want. That page is https://cairn.edu/custom/test5.php.
Any tips?
I found another example that actually does what I want but it seems to use Bootstrap and I can't put my finger on the code that is actually making it work the way I want. That page is https://cairn.edu/custom/test5.php.
Any tips?
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Thank you VERY MUCH to you both! This was precicely the info I was looking for!
You are welcome.
ASKER