padding 0 1rem질문입니다.

안녕하세요 강의듣다가 궁금한점이있어서 질문드립니다.

현재 강사님이 하신대로 코드작성했을때는 반응형으로 600이상에서는 2줄 1200이상에서는 3줄이제대로 나오는데요

이방식은 default.css가 적용되있을때 제대로 나오고 만약 reset을 안해주면

윗부분과 같이 보라색으로 공간이생기면서 제대로 반응형이 안됩니다.. 여기서 제가 flex-item에 flex: auto을 해주면 600의 경우만약 50%씩 길이를해서 반씩 나눠서 합이 100%가되면 강사님처럼 제대로 공간이 채워지지만 9개중 짝이안맞는 1개의경우 flex:auto로 인해서 공간이 100%늘어나 간격이이상해집니다..

강사님이 주신 reset.css때매 줄간격이맞는거같은데.. 이럴경우 프로젝트할때마다 강사님의 reset파일을 써야할까요? 만약 그게아니라면 현재 상태에서 어떻게 보라색 간격을 없앨수있을까요?? 

아래는 제가 혼자할때 만든 실습코드입니다.

http://colorscripter.com/s/UAEVG5f