Portfolio project - Completed with some minor issues Help & feedback much appreciated

Portfolio project - Completed with some minor issues Help & feedback much appreciated
0

#1

My columns won’t line up not sure what I’m doing wrong. also how can keep the height of each portfolio box to be the same regardless of it content. Not sure if by adding an image to the first causes my second column to line up way down and not next to it. Any help would be appreciated. try to resize to see the problem https://codepen.io/akampoori/full/KamoMR/

issues have been resolved using flex technique. Feedback much appreciated.


#2

Hi @akampoori

aligning fix
same-height columns tricks

same-height fix:

/* same-height columns with thumbnails */
/* browser support: http://caniuse.com/#feat=flexbox */

.row.is-flex {
    display: flex;
    flex-wrap: wrap;
}

.row.is-flex > [class*='col-'],
.row.is-flex .thumbnail,
.row.is-flex .caption {
    display: flex;
    flex-direction: column;
}

.row.is-flex .thumbnail,
.row.is-flex .caption,
.row.is-flex .caption p:first-of-type {
  flex-grow: 1;
}

#3

Unrelated, you might want to use fa-free-code-camp instead of fa-fire.
http://fontawesome.io/icon/free-code-camp/


#4

Thank you for your feed back and advice


#5

Thank you for your feedback and advice it is really helpful. I will try the flex method.


#6

Issues have been resolved using flex.and thank you all for your help. Feedback much appreciated.