Link to home
Create AccountLog in
Avatar of Tim Burkart
Tim BurkartFlag for United States of America

asked on

How to vertically align a div display?

Hi,

Please refer to https://techwithheartnetwork.dev/members-directory/.

This page uses DIVs for all display elements. As you can see the divs are not aligned vertically. I would like to know if/how I can have each row be vertically aligned at the bottom. Each row consists of 4 columns and contains the elements logo through view profile. There are some entries that do not have a logo. I would like view profile to align for each row.

Thank you.

ASKER CERTIFIED SOLUTION
Avatar of Tim Burkart
Tim Burkart
Flag of United States of America image

Link to home
membership
Create a free account to see this answer
Signing up is free and takes 30 seconds. No credit card required.
See answer
Avatar of gr8gonzo

Yep that's what I was about to suggest. Flexbox is a great layout mechanism, especially for responsive sites. I strongly suggest bookmarking this page:


https://css-tricks.com/snippets/css/a-guide-to-flexbox/