Putting a simple barchart together however It is overflowing on certain values, the goal was to make it responsive so I am using % instead of fixed values.
If 100% for container width it works, however I need to have three of these side by side so container is 33%
div.label {
background:blue;
width:20%;
}
div.bar{
width:80%;
}
div.bar_value{
background:green;
width:77%;
}
.row_container{
background:black;
width:33%;
}
.row_container div {
display: inline-block;
}
Here is a snippet of the issues that I am having http://jsfiddle.net/7h64p0h6/1/