I’m using CSS grid. No Bootstrap or JS.
I have 5 columns and 10 rows.
My footer uses all 5 colums in the 2nd row like I coded but it stacks the icons one on top of the other.
#content{
display: grid;
grid-template-columns: repeat(5,1fr);
grid-auto-rows: minmax(100px, auto);
max-width: 960px;
margin: 0 auto;
grid-template-areas:
"header header header header header"
"footer footer footer footer footer"
"bio bio main main main"
"bio bio main main main"
"bio bio main main main"
"work work work work work"
"work work work work work"
"work work work work work"
"edu edu edu edu edu"
"edu edu edu edu edu"
"edu edu edu edu edu"```