Just for some additional info, using full percentages doesn’t change the problem with rounding to full pixels. Say we use the same 101px container example:
– 101 * 0.34 = 34.34 = 34px
– 101 * 0.33 = 34.33 = 33px
– 34 + 33 + 33 = 100px
Or 102px container:
– 102 * 0.34 = 34.68 = 34px
– 102 * 0.33 = 33.66 = 33px
– 35 + 34 + 34 = 100px
Proof: http://codepen.io/Merri/pen/cCBzg
So while those percentages can get closer than using 33.333% it still doesn’t solve the problem.