My first css/html assignment - feedback and suggestions needed

Project Feedback
#1

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?

#2

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">

#3

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.

#4

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:

#5

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

#6