I’m working on my portfolio page, on the portfolio section.
Here’s the codepen file: https://codepen.io/Sadaajit/full/wWJBdZ/
As the page stands right now everything works. However, each of my “portfolios” is on a separate line, even though I’ve put the class=“row” command in. The problem comes when I try to assign a column designation to the three “portfolios.” When I add div class=“col-md-4” (or 6 or 8 or sm or xs) and a /div at the end of each thumbnail, everything goes completely haywire. Some of the photos get huge, some of the boxes merge. It is quite amazing what one little line of code can do!
Can anyone tell me why it is blowing up and what I need to do to get these suckers all on one line. I’ve just about completed the page, but this has put a rather large wrench in the works. I’ve tried everything I can think of and I’m still stuck.