Hey all!
I’m working on my tribute page right now and man, is mine ugly. I’m still working on prettying it up, but I’m having a major issue getting my thumbnail to center.
I decided to format mine like the code camp example, and when I went to go make a thumbnail, I had a ton of trouble getting it to center.
This is the sample code I was using at the time:
<div class='row'>
<div class='img-thumbnail'>
<div class= 'text-center'>
<img
src='http://res.cloudinary.com/pandoozie/image/upload/v1501972697/352EE137-_icigao.jpg'
alt='Bailey Lavenda Rainwater looking totes cute' height='350px'>
</div>
</div>
</div>
For the life of me, this would not center. After about an hour of reading and trial and error, I finally got it to center by removing the initial <div class='row>. So my first question, is why would it not center while in a “row”. This also didn’t work when I tried to use “class=‘col-12’”
After I removed that div, and it centered, the thumbnail left and right borders extend all the way to the edges of my screen now.
I’m somewhat on a loss on how to appropriately center this.
Link for more context ( https://codepen.io/FoofyMonster/pen/NvrRNm )
(It’s currently ugly and not exactly a tribute page, but I’m going through the same steps you would for a tribute page)