Hi there, I've noticed that when I use display: flex, the right side of my row seems to have a slight gap. How can I go about fixing this issue? It's not very obvious in jsfiddle, but you can spot it using Firebug or a similar tool.
I understand that the margin is causing this problem, but I still require the margin...
<div class="input-group" style="display: flex; justify-content: space-between; align-items: center;">
<input type="text" class="tile-txt" placeholder="Box 1">
<input type="text" class="tile-txt" placeholder="Box 2">
</div>