Discussion on: Do you use Bootstrap?

Our current project has gone BootStrap free. We are using the HTML 5 Grid exclusively for entire site. So far the progress has been boiled down into easily repeatable css markup like this:

.grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(10em, 1fr));
  grid-template-rows:repeat(auto-fit, minmax(1em, 1fr));
  grid-column-gap: 1em;
}

Tips: use repeat whenever you can with auto-fit and minmax.
The first value in minmax dictates column widths or row heights.
Use right and left margins to anchor controls so they grow/shrink based on grid only.

We also found that just about every one of our components has it's own grid layout.
This means a single page could have as many as 5-10 grids. We have not seen any performance degradation.

It took us about 2 weeks to really understand the grid...