Why isn't my h1 or image centered?

[jordanbaron]

My image or h1 looks like it’s off-centered by a little bit. Why?

https://codepen.io/anon/pen/RVRQJp

[Atelierbram]

There is no CSS-layout applied to the columns themselves (they are flex-parents but not flex-children). Because those are not properly centered the title above looks off. Can fix this with flexbox too, with inline-block fallback:

.container {
  display: flex;
  justify-content: space-between;
  overflow: auto;
}

.column {
  display: inline-block;
  width: 33.33333%;
  display: flex;     
  flex-basis: 33.3333%;
  /* stuff */
}

http://codepen.io/atelierbram/pen/oWLqdo

[Author]

Posts