-2

So I'm quite new to flexbox and I'm by far a real front-end developer. I'm working on a WordPress theme for an upcoming side project and currently I'm doing the HTML part.

I'm using flexbox for pretty much everything, and I'm having some issues with some weird flexbox behaviour.

If you go to http://hatch.tips/preview and check it in Chrome, everything seems to be alright. Mozilla is also fine except a weird border to the right of the compacted logo (resize browser).

On Safari, things go pretty haywire, so you should check that up.

I'd highly appreciate any help. First of all you might notice that I haven't used any prefixes for my code yet, but since Safari renders some of the flexbox stuff, I assumed that might not be the actual problem.

Paulie_D
  • 107,962
  • 13
  • 142
  • 161
Cosmin Negoita
  • 1
  • I am constantly reminded to never assume. Autoprefixer is your friend http://autoprefixer.github.io/ – Carol McKay Jul 01 '16 at 10:30
  • 1
    Welcome to Stack Overflow! Questions seeking code help must include the shortest code necessary to reproduce it **in the question itself**. Although you have provided a [**link to an example or site**](http://meta.stackoverflow.com/questions/254428/something-in-my-web-site-or-project-doesnt-work-can-i-just-paste-a-link-to-it), if the link were to become invalid, your question would be of no value to other future SO users with the same problem. – Paulie_D Jul 01 '16 at 10:34
  • http://stackoverflow.com/a/35137869/3597276 – Michael Benjamin Jul 01 '16 at 11:30
  • @Paulie_D I understand what you're saying, but instead of throwing all my code plus screenshots in the thread, making it huge, I'd rather share a link to the wip files so devs can see for themselves. – Cosmin Negoita Jul 01 '16 at 13:50
  • 1
    Nope. Links to code are of no use either, Demos of actual code ARE. – Paulie_D Jul 01 '16 at 13:52
  • 1
    @Michael_B That link is quite helpful. I'll look into that and see if I can troubleshoot this, thank you! – Cosmin Negoita Jul 01 '16 at 14:24

1 Answers1

-1

Flexbox is still "fairly new" so I recommend using the prefixers. It fix most of the bugs, especially in IE for instance.

See: http://shouldiprefix.com/#flexbox

adamk22
  • 581
  • 4
  • 18