I am about to start a series of new projects in which I will be building static sites for multiple clients.
I already decided to build those sites using a static site generator like HUGO and deploying them on Netlify.
Now I need to make a decision regarding how to structure my CSS/SASS files and if I should be using a CSS Framework or not.
My initial idea was to create a HUGO boilerplate that I can easily spin off to start a new project. My goal is to have a HUGO-Boilerplate with asset pipeline, SASS 7-1 pattern, BEM, and some basic layouts out of the box.
Now that I am creating some basic and reusable layouts, it made me think about the possibility to use a CSS framework instead. I am personally not a huge fan of Bootstrap, and I would rather improve my flexbox and CSS grid skills on the meantime, but I need to think about my clients who are expecting results quickly.
What would you do in order to be efficient but taking care of performance, custom design etc? What CSS framework do you recommend?
I found this great article by Rachel Andrew https://www.smashingmagazine.com/2018/11/css-frameworks-css-grid/ but I wanted to hear your opinion as well.