Boost Your views and upvotes by adding "you may also like" section in your steemit or busy.org posts.

just copy full code and replace links, titles.

We can make it by 2 ways:

with <table> tag
with <div class="pull-left"> or <div class="pull-right">

My choice is the second way for making it. because this is more flexible and controllable . but you can't make 3 columns by this method, if you want 3 column grid posts then use table tag instead of div tag.

How to Make 4 columns section.

1.

Firstly, download your images and crop them by same aspect ratio, 300x200 or 200x200 Whatever you want. but all of them must be in same size for good design. for easiness go to https://v1.birme.net.

BIRME is a flexible and easy to use batch image resizer. It can resize your images in bulk to any specific dimensions and crop your images proportionately if necessary.

2.

let us make "You may also like";
# <sup><sub>https://i.imgur.com/ycaQVGV.png</sub></sup> You may also like

3.

adding 4 columns.

<div class="pull-left">
  <div class="pull-left">
     <img src="https://i.imgur.com/wECzTh1.jpg">
  </div>
  <div class="pull-right">
    <img src="https://i.imgur.com/wECzTh1.jpg">
  </div>
</div>

<div class="pull-right">
  <div class="pull-left">
     <img src="https://i.imgur.com/wECzTh1.jpg">
  </div>
  <div class="pull-right">
    <img src="https://i.imgur.com/wECzTh1.jpg">
  </div>
</div>

4.

Add titles with help of <h4> or <h5> or <h6> tags not use # hashtag for this purpose, it doesn't work

  <div class="pull-left"> 
      <img src="https://i.imgur.com/wECzTh1.jpg">
      <h4>My Natural Beauty Cabinet</h4>
    </a>
  </div>
  <div class="pull-right">
       <img src="https://i.imgur.com/wECzTh1.jpg">
      <h4>My Natural Beauty Cabinet</h4>
  </div>
</div>

<div class="pull-right">
  <div class="pull-left">
       <img src="https://i.imgur.com/wECzTh1.jpg">
      <h4>My Natural Beauty Cabinet </h4>
  </div>
  <div class="pull-right">
       <img src="https://i.imgur.com/wECzTh1.jpg">
      <h4>My Natural Beauty Cabinet </h4>
  </div>
</div>

My Natural Beauty Cabinet

or add titles over the images

<div class="pull-left">
  <div class="pull-left"> 
       <h4>My Natural Beauty Cabinet </h4>
       <img src="https://i.imgur.com/wECzTh1.jpg">
    </a>
  </div>
  <div class="pull-right">
        <h4>My Natural Beauty Cabinet </h4>
       <img src="https://i.imgur.com/wECzTh1.jpg">
  </div>
</div>

<div class="pull-right">
  <div class="pull-left">
      <h4>My Natural Beauty Cabinet </h4>
       <img src="https://i.imgur.com/wECzTh1.jpg">
  </div>
  <div class="pull-right">
       <h4>My Natural Beauty Cabinet </h4>
       <img src="https://i.imgur.com/wECzTh1.jpg">
  </div>
</div>

My Natural Beauty Cabinet

5.

Add links to the post items.

 <div class="pull-left">
  <div class="pull-left"> 
     <a href="steemit.com">
       <img src="https://i.imgur.com/wECzTh1.jpg">
       <h4>My Natural Beauty Cabinet </h4>     
    </a>
  </div>
  <div class="pull-right">
     <a href="steemit.com">
       <img src="https://i.imgur.com/wECzTh1.jpg">
       <h4>My Natural Beauty Cabinet </h4>     
    </a>
  </div>
</div>

<div class="pull-right">
  <div class="pull-left">
     <a href="steemit.com">
       <img src="https://i.imgur.com/wECzTh1.jpg">
       <h4>My Natural Beauty Cabinet </h4>     
    </a>
  </div>
  <div class="pull-right">
     <a href="steemit.com">
       <img src="https://i.imgur.com/wECzTh1.jpg">
       <h4>My Natural Beauty Cabinet </h4>     
    </a>
  </div>
</div>

6 .

there is more space between images and titles, Align images vertically by adding <sub> tags for fix it

<div class="pull-left">
  <div class="pull-left"> 
     <a href="steemit.com">
       <sub><sub><sub><sub><sub><sub><sub>
            <img src="https://i.imgur.com/wECzTh1.jpg">
       </sub></sub></sub></sub></sub></sub></sub>
       <h4>My Natural Beauty Cabinet </h4>     
    </a>
  </div>
  <div class="pull-right">
     <a href="steemit.com">
        <sub><sub><sub><sub><sub><sub><sub>
            <img src="https://i.imgur.com/wECzTh1.jpg">
       </sub></sub></sub></sub></sub></sub></sub>
       <h4>My Natural Beauty Cabinet </h4>     
    </a>
  </div>
</div>

<div class="pull-right">
  <div class="pull-left">
     <a href="steemit.com">
        <sub><sub><sub><sub><sub><sub><sub>
            <img src="https://i.imgur.com/wECzTh1.jpg">
       </sub></sub></sub></sub></sub></sub></sub>
       <h4>My Natural Beauty Cabinet </h4>     
    </a>
  </div>
  <div class="pull-right">
     <a href="steemit.com">
         <sub><sub><sub><sub><sub><sub><sub>
            <img src="https://i.imgur.com/wECzTh1.jpg">
        </sub></sub></sub></sub></sub></sub></sub>
       <h4>My Natural Beauty Cabinet </h4>     
    </a>
  </div>
</div>

7 .

the last step is copy code and paste it again for making the second row columns.Also add ---- this between rows for fixing some bugs.it is up to you to make 3rd or 4th rows. just copy full code and replace links, titles.

<div class="pull-left">
  <div class="pull-left"> 
     <a href="steemit.com">
       <sub><sub><sub><sub><sub><sub><sub>
            <img src="https://i.imgur.com/wECzTh1.jpg">
       </sub></sub></sub></sub></sub></sub></sub>
       <h4>My Natural Beauty Cabinet </h4>     
    </a>
  </div>
  <div class="pull-right">
     <a href="steemit.com">
        <sub><sub><sub><sub><sub><sub><sub>
            <img src="https://i.imgur.com/wECzTh1.jpg">
       </sub></sub></sub></sub></sub></sub></sub>
       <h4>My Natural Beauty Cabinet </h4>     
    </a>
  </div>
</div>

<div class="pull-right">
  <div class="pull-left">
     <a href="steemit.com">
        <sub><sub><sub><sub><sub><sub><sub>
            <img src="https://i.imgur.com/wECzTh1.jpg">
       </sub></sub></sub></sub></sub></sub></sub>
       <h4>My Natural Beauty Cabinet </h4>     
    </a>
  </div>
  <div class="pull-right">
     <a href="steemit.com">
         <sub><sub><sub><sub><sub><sub><sub>
            <img src="https://i.imgur.com/wECzTh1.jpg">
        </sub></sub></sub></sub></sub></sub></sub>
       <h4>My Natural Beauty Cabinet </h4>     
    </a>
  </div>
</div> 

------------

<div class="pull-left">
  <div class="pull-left"> 
     <a href="steemit.com">
       <sub><sub><sub><sub><sub><sub><sub>
            <img src="https://i.imgur.com/wECzTh1.jpg">
       </sub></sub></sub></sub></sub></sub></sub>
       <h4>My Natural Beauty Cabinet </h4>     
    </a>
  </div>
  <div class="pull-right">
     <a href="steemit.com">
        <sub><sub><sub><sub><sub><sub><sub>
            <img src="https://i.imgur.com/wECzTh1.jpg">
       </sub></sub></sub></sub></sub></sub></sub>
       <h4>My Natural Beauty Cabinet </h4>     
    </a>
  </div>
</div>

<div class="pull-right">
  <div class="pull-left">
     <a href="steemit.com">
        <sub><sub><sub><sub><sub><sub><sub>
            <img src="https://i.imgur.com/wECzTh1.jpg">
       </sub></sub></sub></sub></sub></sub></sub>
       <h4>My Natural Beauty Cabinet </h4>     
    </a>
  </div>
  <div class="pull-right">
     <a href="steemit.com">
         <sub><sub><sub><sub><sub><sub><sub>
            <img src="https://i.imgur.com/wECzTh1.jpg">
        </sub></sub></sub></sub></sub></sub></sub>
       <h4>My Natural Beauty Cabinet </h4>     
    </a>
  </div>
</div>