Ok, you've got your images in place using the code below, although your code will be different:
<div class="column"><img src="http://wreckingsite.siterubix.com/wp-content/uploads/2016/02/wa_like_to_earn-300x300.jpg" alt="wa_like_to_earn" width="120" height="120" class="alignnone size-medium wp-image-73" />
To insert the text you now need to place the following code in each column at the end of the image code between the /></div> tags. This is the code I used in creating this training:
<h3 style="font-size: 12pt; text align: left; text-transform: uppercase; color: #352ece; font-weight: 600; margin-top: -45px;">price</h3>
<h2 style="font-size: 14pt; text align: left; text-transform: uppercase; color: #e60000; font-weight: 600; margin-top: -15px;">$00.00</h2>
<p style="width: 120px; margin-top: -10px;">Pulvinar luctus ullamcorper. Porttitor scelerisque commodo tincidunt ultricies donec posuere id eleifend.</p>
You can copy and paste the above code as is and change the data between the tags accordingly, but I would recommend copying and pasting each section of code individually, change the data between the tags, then preview. This will give you a better understanding of how columns are built and show you if your are on the right track.
You can rearrange the code to alter the position of the images, text, etc. I'll explain how to do this in the following pages.
I just looked at this training and it looks way over my head as you predicted, but that may be because I have not looked at the "creating a HTML grid" training yet. So I'll look at that and then come back to this. Thanks!
~ Rae Anne