Now let's have a look at a different column layout but still using the <div class> element.
<div class="columns">
<div class="column"><img src="http://wreckingsite.siterubix.com/wp-content/uploads/2016/02/New-1-e1456314304764.png" alt="New Logo" width="60" height="36" class="alignnone size-full wp-image-97" />
<p style="width: 120px; margin-top: -45px; margin-bottom: -35px; font-face: arial; font-size: 14pt;">was <del style="color: #000000;"><span style="font-size: 18pt; color: #e60000;">$25.00</del></span></p>
<img src="http://wreckingsite.siterubix.com/wp-content/uploads/2016/02/wa_like_to_earn-e1455799110109.jpg" alt="WA Like To Earn Logo" width="120" height="120" class="alignnone size-full wp-image-73" />
<p style="width: 120px; margin-top: -45px; margin-bottom: -35px; font-face: arial; font-size: 14pt;">now <span style="font-size: 18pt; color: #00ad0c;">$15.00</span></p></div>
Below is an example of a different column layout using the code above:
You can copy and paste the above code as is into each column of your <div class="column" code, but again, copying and pasting them individually, changing the data between the tags and previewing each step, is the way to go.
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