title: CSS does not fit
body: <p>I am building a page example on <code>this</code> <a href="https://jsfiddle.net/xmbohx/dnypmx12/2/" rel="nofollow noreferrer">fiddle</a></p>
  <p>The scrollbar (horizontal) appears :</p>
  <p><a href="https://i.stack.imgur.com/bd0zi.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bd0zi.png" alt="enter image description here" /></a></p>
  <p>I want this page to be fit on the browser, to there should not a scrollbar. please help _/_
  <a href="https://i.stack.imgur.com/iVvZg.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/iVvZg.png" alt="enter image description here" /></a></p>