Menu icon Foundation
Centered Inline List (F-4-APPS) Flexbox

What would be the best way of centering a list with centered icons with a parent container in flexbox grid

Ive tried the old foundation5 inline list and the list part works but cant get it to center in a grid-block

Ive tried 3 grid-blocks in a wrap dont want to use fixed sizes but want to make an icon bar for a footer pretty much like zurbs at the bottom bu centered within its container and its driving me made im sure theres a flexbox cheat to align center and vertically ??

iconssitesResponsivelistsflexbox

What would be the best way of centering a list with centered icons with a parent container in flexbox grid

Ive tried the old foundation5 inline list and the list part works but cant get it to center in a grid-block

Ive tried 3 grid-blocks in a wrap dont want to use fixed sizes but want to make an icon bar for a footer pretty much like zurbs at the bottom bu centered within its container and its driving me made im sure theres a flexbox cheat to align center and vertically ??

Rafi Benkual over 4 years ago

Not exactly sure what you're trying to accomplish? Can you share the code?

In CSS you can
CSS
.grid-content {
align-items: flex-start | flex-end | center | baseline | stretch;
}

flex-start = top
flex-end = bottom

Jason Demitri over 4 years ago

Have to start a new question as cant post images