Hi, I finally switched to Foundation 6/ I have been reading the documentation and checking the templates for a few days, yet I am failing to achieve some easy tasks. For example, I was trying to paginate a simple news website like this one:
The code I have so far is the following:
<div class="grid-container"> <div class="grid-x grid-padding-x align-center-middle text-center"> <div class="cell small-8"><p><img src="https://source.unsplash.com/random/300x400" alt="img1" style="border-radius: 10%;"></p></div> <div class="cell small-4"><p><img src="https://source.unsplash.com/random/150x200" alt="img2"></p><p><img src="https://source.unsplash.com/random/700x400" alt="img2"></p></div> </div> </div>
However, first of all, the content are not centered like in the picture. Second, I am still not sure how to create a layout like that: should I nest the cells in the right columns?
What would be the fastest way to code something like that?
Thanks in advance.