Nowadays, most front-end developer have worked with some preprocessors such as SASS, LESS, Stylus... which are more and more useful and increasingly indispensable tools when working with CSS. Think if we go back to writing the pure CSS, without variables, mixins or nested then the work will be heavy and boring.
But which of these tools is the best approach?

Hầu hết các front-end dev đều đã từng làm việc với một số preprocessor (bộ tiền xử lý) giống như Sass, Less hoặc Stylus - là những công cụ hữu ích và càng ngày càng không thể thiếu khi làm việc với CSS. Thử nghĩ nếu như chúng ta quay lại thời kỳ viết CSS thuần, không có biến, mixins hoặc cách viết lồng các class thì lượng công việc sẽ thật nặng nề và buồn chán. Nhưng những công cụ này, đâu là cách tiếp cận tốt nhất?

Grid system is an important part of dividing columns and creating layout of a website, Gridlex is one of Grid systems that use Flex boxes to create columns. In this article, I will guide in detail how to integrate it into Pattern Lab