[最佳答案] I played with this in chromes dev tools and I think if you "reset" your two classes things will line up perfectly. So for example you could do: .redback, .greenback { padding: inherit margin: inherit etc. } Kinda dirty though. You could also just javascript the classes away at that screen size and just let them inherit the properties with the rest of the li's. I am not a JS/jQuery expert by any means. In fact I know very little but based on this post I put this together in a CodePen.