Feedback on my Tribute

I tried to mimic the example without peeking at their code. Not exactly happy with the images and captions. And seeing some of the other submissions, mine is pretty basic

http://codepen.io/Branchc/full/gmNmob/

Hey, good first try.

The two images not being centered equally, and the captions under each image though can be improved upon.

You can divide the row containing your photos into equal col-sm-6 for both divs, then for your text caption div, you can just use a simple col-xs-12 and that will center that text in their column.

See this documentation, especially regarding nesting columns.
http://getbootstrap.com/css/#grid

I tried that div layout first, but it doesn’t scale correctly for larger screens. It may be because I had to force the images to a certain size. I updated it in the code if you wanted to check it out.

See this fork

http://codepen.io/owel/full/gWYGEL/

1 Like