Overriding Bootstrap grid spacing

Everyone can contribute. Help move this issue forward while earning points, leveling up and collecting rewards.

Problem to solve

Bootstraps grid spacing is larger than our designs.

Bootstrap Grid Our Design
Screen_Shot_2019-03-04_at_6.36.01_PM Screen_Shot_2019-03-04_at_6.36.18_PM

In order for us to achieve the design, we have to add custom styling to remove the row and col margin styling and add our own margins.

Proposal

Two possible options to fix this:

  • Update the bootstrap variables to globally change this
  • Add classes such as gl-row and gl-column which override the bootstrap styling
Edited by 🤖 GitLab Bot 🤖