My project is complete, but I've encountered a problem that needs solving. I want to create a website with a Metro design aesthetic. The three div boxes on the left side should remain fixed, while only the middle part scrolls horizontally. Now, I also want these three div boxes on the right side as well. However, when I place them at the end of the </section> with the id="Content", they disappear. If I place them just before the closing tag, they appear but move horizontally, which is not what I want.
<section class="clearfix section" >
<h3 class="block-title">Class 7a</h3>
<div class="row custom-row-three" >
<div class="tile red "></div>
<div class="tile turquoise"></div>
<div class="tile orange"></div>
</div>
</section>
This HTML code represents the three boxes currently on the left side that I wish to also have on the right side, in a fixed position. View my school project here.