My first css/html assignment - feedback and suggestions needed

I am working on my first project on FreeCodeCamp. As expected I faced my first roadblock in applying the css on my project.

Expected: https://codepen.io/freeCodeCamp/full/NNvBQW

My work-in-progress: https://codepen.io/mehtak/pen/rmXKJO?editors=1100#0

Request for your suggestions to improve my approach. I mostly get stuck while applying css/alignment/margins, etc.

Please ignore the red/yellow backgrounds given for div. This is how I generally keep track of various divs.

What are your tips or hacks to quickly align divs?

What exactly do you mean by align divs?
Do you want everything centered?
When using bootstrap and <div class="col"> should be nested in a <div class="row">.
Try <img class="img-responsive center-block">

By align divs I mean the typical row, center alignments, etc. You answered me by specifying to include class=‘row’ for col settings. Thank you!
How can I align text ‘Dr. Norman Borlaug, third from left, trains biologists in Mexico on how to increase wheat yields - part of his life-long war on hunger.’ which is under the image? I am not able to get it center of the image.

BTW, I played around a bit with CSS, and am able to achieve the task. I am so happy… .It’s my first html/css project. :slight_smile:

Congratulations on completing your first project!
Coding is both exciting and challenging.
Keep learning & :relaxed: happy coding.