<ul>でdisplay:inline-block;を使ってレスポンシブ

縦に並ぶとき1pxずれてしまう
そんなときは
<ul>を囲んでいるcssに
font-size:0;
を入れる

<div class="test">
<ul>
<li>○○○○</li>
<li>○○○○</li>
</ul>
</div>

.test{
font-size:0;
}

li{
display:inline-block;
font-size:14px;
}

勉強させてもらったサイト

• inline-blockの隙間をなくす方法 – Qiita