Menu icon Foundation

My Posts


My Comments

kevin duchateau commented on Siavoush's post almost 2 years

Solution : grid-container-padded

kevin duchateau commented on kevin duchateau's post almost 2 years

Solution : grid-container-padded

kevin duchateau commented on kevin duchateau's post almost 2 years

my code :
<section class="test_gridxy">
<div class="grid-container">
<div class="grid-x grid-margin-x grid-padding-y">
<div class="cell small-4">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis neque voluptates aspernatur eveniet aperiam molestiae dolore cum accusamus fugit ullam sunt asperiores sequi, natus eos ipsum dicta nemo commodi, odio.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Numquam sint excepturi molestiae eaque, recusandae reprehenderit, adipisci fugiat, veritatis, inventore totam necessitatibus deserunt cupiditate perspiciatis commodi dolores facilis nostrum? Adipisci, fugiat.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus amet molestiae voluptatem, ipsum illo ut accusantium, porro nesciunt autem facilis eaque, voluptatibus dignissimos modi fugiat laboriosam. Quasi, atque laborum facere.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus eius, nobis ratione cumque perspiciatis vel et, fugit vero nisi incidunt, error dolore ab commodi suscipit veniam? Facilis tempore numquam, fuga.
</div>
<div class="cell small-4">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non similique ab sit odio facere minima ex eius tenetur, doloremque ipsum omnis magni qui nobis vel ipsa. Id esse, quisquam vel.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Numquam temporibus dolor maiores fugit voluptas, quas voluptatibus culpa nulla eligendi optio eaque cupiditate minima. Voluptate accusamus minus cum incidunt ex hic!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis perferendis rem est praesentium, ipsum qui doloribus molestiae beatae maiores. At tempora, dicta maiores nesciunt consequuntur esse aliquid reprehenderit eos omnis?Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem optio, dolorum dignissimos, ipsum cumque placeat qui accusantium nemo. Culpa ipsum illum ab blanditiis similique! Sed non tempora at velit illum!
</div>
<div class="cell small-4">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non similique ab sit odio facere minima ex eius tenetur, doloremque ipsum omnis magni qui nobis vel ipsa. Id esse, quisquam vel.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Numquam temporibus dolor maiores fugit voluptas, quas voluptatibus culpa nulla eligendi optio eaque cupiditate minima. Voluptate accusamus minus cum incidunt ex hic!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis perferendis rem est praesentium, ipsum qui doloribus molestiae beatae maiores. At tempora, dicta maiores nesciunt consequuntur esse aliquid reprehenderit eos omnis?Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem optio, dolorum dignissimos, ipsum cumque placeat qui accusantium nemo. Culpa ipsum illum ab blanditiis similique! Sed non tempora at velit illum!
</div>
</div>
</div>
</section>

kevin duchateau commented on Siavoush's post almost 2 years

I also start but it seems to me that it is ok ;), have you this margin problem in responsive?http://foundation.zurb.com/forum/posts/53733-margin-right-in-grid-xy

Posts Followed


Following

    No Content

Followers

My Posts

My Comments

You commented on Siavoush's post almost 2 years

Solution : grid-container-padded

You commented on kevin duchateau's post almost 2 years

Solution : grid-container-padded

You commented on kevin duchateau's post almost 2 years

my code :
<section class="test_gridxy">
<div class="grid-container">
<div class="grid-x grid-margin-x grid-padding-y">
<div class="cell small-4">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis neque voluptates aspernatur eveniet aperiam molestiae dolore cum accusamus fugit ullam sunt asperiores sequi, natus eos ipsum dicta nemo commodi, odio.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Numquam sint excepturi molestiae eaque, recusandae reprehenderit, adipisci fugiat, veritatis, inventore totam necessitatibus deserunt cupiditate perspiciatis commodi dolores facilis nostrum? Adipisci, fugiat.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus amet molestiae voluptatem, ipsum illo ut accusantium, porro nesciunt autem facilis eaque, voluptatibus dignissimos modi fugiat laboriosam. Quasi, atque laborum facere.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus eius, nobis ratione cumque perspiciatis vel et, fugit vero nisi incidunt, error dolore ab commodi suscipit veniam? Facilis tempore numquam, fuga.
</div>
<div class="cell small-4">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non similique ab sit odio facere minima ex eius tenetur, doloremque ipsum omnis magni qui nobis vel ipsa. Id esse, quisquam vel.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Numquam temporibus dolor maiores fugit voluptas, quas voluptatibus culpa nulla eligendi optio eaque cupiditate minima. Voluptate accusamus minus cum incidunt ex hic!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis perferendis rem est praesentium, ipsum qui doloribus molestiae beatae maiores. At tempora, dicta maiores nesciunt consequuntur esse aliquid reprehenderit eos omnis?Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem optio, dolorum dignissimos, ipsum cumque placeat qui accusantium nemo. Culpa ipsum illum ab blanditiis similique! Sed non tempora at velit illum!
</div>
<div class="cell small-4">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non similique ab sit odio facere minima ex eius tenetur, doloremque ipsum omnis magni qui nobis vel ipsa. Id esse, quisquam vel.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Numquam temporibus dolor maiores fugit voluptas, quas voluptatibus culpa nulla eligendi optio eaque cupiditate minima. Voluptate accusamus minus cum incidunt ex hic!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis perferendis rem est praesentium, ipsum qui doloribus molestiae beatae maiores. At tempora, dicta maiores nesciunt consequuntur esse aliquid reprehenderit eos omnis?Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem optio, dolorum dignissimos, ipsum cumque placeat qui accusantium nemo. Culpa ipsum illum ab blanditiis similique! Sed non tempora at velit illum!
</div>
</div>
</div>
</section>

You commented on Siavoush's post almost 2 years

I also start but it seems to me that it is ok ;), have you this margin problem in responsive?http://foundation.zurb.com/forum/posts/53733-margin-right-in-grid-xy

Posts Followed

Following

  • No Content

Followers

  • No Content