Responsive Blog Preview Card

What challenges did you encounter, and how did you overcome them?

To insert vertical space after the span for the ID learning, I had to insert it into a helper div, which may not be the best solution.

I initially had no success vertically centering the profile picture and name. To align them, I had to set an absolute value for vertical-align in #img-avatar.

What specific areas of your project would you like help with?

It is not possible to use margin-bottom on a span, since it has an inline display. So my question is: is there a better way to insert vertical space after the span with id leaning other than enclosing it with a div?