Black Lives Matter. Please consider donating to Black Girls Code today.

Separation between side by side graphs using six columns CSS

I am working with the “six columns” feature to get two graphs side by side. However, I am not able to find the command that makes sure these graph are totally side by side. Currently, they are separated by a white space. Playing with respective width doesn’t work, as it indents the right graph.

Found an answer: Assigned margin-left:0 on both, first-child included.

@media (min-width: 550px) {
.container {
width: 80%; }
.columns {
margin-left: 0; }
.columns:first-child {
margin-left: 0; }

1 Like