Hello Guys. I’m new BUT I’ve allready asked this question in another forum and I don’t know if this is cool to do it twice, I didn’t get any answers but views so… I’m sorry if this is a big no-no ;)
http://stackoverflow.com/questions/40052262/messed-up-sequence-with-the-box-sizing-border-box-method-at-large-screens
I’ve tried to make a layout with the box-sizing: border-box method. So I want to show one arrow-icon at the left, then a headline and text and then one arrow-icon on the right. All three should be displayed in a row. I thought everything is going well, but when I tried my “website” on a larger screen, the sequence is all messed up. The same happens with a very small browser window or when the text is very short.
Here is the code I used as a base: https://www.sitepoint.com/easy-responsive-css-grid-layouts/
Could you please explain it to me why it isn’t always displayed in a row and can you help me to fix this problem?
I’ve prepaired a jsfiddle for you: https://jsfiddle.net/Mica_S/j3dct5js/6/