17 thoughts on “Susy Tutorial – How to create a custom CSS grid without a bloated mess”

1. Andrés Castillo October 22, 2015 at 8:40 pm

   I have been using Foundation… But now i what to try to create my own with susy.

   Reply ↓
   1. Petr Tichy Post authorOctober 24, 2015 at 11:51 pm

      Give it a go Andres, I am sure you’ll like it. Let me know how you go.

      Reply ↓
2. Albert August 27, 2016 at 2:23 am

   I use LostGrid, it’s fantastic. Susy is great too. Thanks for the article.

   Reply ↓
   1. Petr Tichy Post authorAugust 27, 2016 at 3:11 am

      Thanks for the tip Albert, I am sure others will find it useful. Cheers

      Reply ↓
3. Esteban San Martin September 6, 2016 at 11:13 am

   Thanks Petr. Good article.

   Reply ↓
4. Adrian Parr October 1, 2016 at 2:47 pm

   Susy Rocks!!

   Reply ↓
5. Tim Jensen October 3, 2016 at 11:44 pm

   Thanks for the post Petr. Looks great … I’ve been using the Bourbon mixin library, and there Neat grid library.

   Reply ↓
   1. Petr Tichy Post authorOctober 5, 2016 at 10:19 pm

      Thanks Tim, I have heard a lot of good things about Neat as well.

      Reply ↓
6. Harpreet Singh October 18, 2016 at 7:26 am

   I’m new to responsive design so I use bootstrap, is there better ways to make a site responsive?

   And I remember you saying Petr, that bootstrap is not good to use if you are doing animations, how come?

   Please fill me in.

   Thanks.

   Reply ↓
   1. Petr Tichy Post authorOctober 30, 2016 at 1:32 pm

      Hi Harpreet, Bootstrap is fine to use. As you know it includes a lot of styles so I recommend using your own clean CSS for all the elements that you would like to animate.

      Reply ↓
7. Ahmed Nadar October 22, 2016 at 6:45 pm

   Thanks Peter,
   I have used Bootstrap and Foundation for years. And to tell you the truth I had enough of using them. I felt it lemets me a lot. There for I’m creating my own framework/grid I call it “Tulpe”. Still in the process. It is based Flex Property which I love. I wanted to create something similar to Suzy, but didn’t know how 🙁
   I think I will switch to Suzy and update my Tulpe to have similar idea to Suzy.
   Happy Coding.

   Reply ↓
   1. Petr Tichy Post authorOctober 30, 2016 at 1:28 pm

      Thanks Ahmed!

      Reply ↓
8. FELIPE GENUINO October 23, 2016 at 12:06 am

   Great tutorial Petr

   Reply ↓
9. alexandra spalato January 2, 2017 at 2:17 pm

   I have used susy a lot, but lastly i fell in love with uikit framework : https://getuikit.com/
   i use it with the wordpress beans framework : http://www.getbeans.io/

   Reply ↓
   1. Petr Tichy Post authorJanuary 3, 2017 at 2:42 pm

      Thanks for sharing your toolkit with us Alexandra!

      Reply ↓
10. amir blocki May 1, 2017 at 5:08 pm

    thx peter . (X_x)

    Reply ↓
11. kirti July 20, 2017 at 3:59 pm

    Hello,
    The website https://brand.denso.com/en/ contains 7 vertical sections. Of these, I required to complete the second section only, which is titled ‘BRAND VISION’. This section contains 5 slides.
    Will you help me to code this slides?

    Reply ↓

This site uses Akismet to reduce spam. Learn how your comment data is processed.