In the example, I used a four column, two row grid just to show what can be achieved by using the div element. You may require a different number of columns or rows. Once you have determined the number of columns,, you can either add or delete as required. You can do this by selecting a line of code, then delete it or add it.
If increasing the columns make sure they don't exceed the area you wish them to appear in, as if they exceed the area the last column will automatically appear below the first column. Also, the more columns you have the smaller your images or data will be. Below is an example of a five column and three column grid. You can copy and paste either of these if applicable.
<div class="columns">
<div class="column"></div>
<div class="column"></div>
<div class="column"></div>
<div class="column"></div>
<div class="column"></div>
</div>
<div class="columns">
<div class="column"></div>
<div class="column"></div>
<div class="column"></div>
</div>
Join the Discussion
Write something…