Left: 280px

Page parent container:

width: calc(100% - 20px);
max-width: 1280px;

Main (this): calc(100% - 300px) because:

  • Side: 280px
  • Its right margin: 20px
  • Side panel width is fixed. Only the main panel is responsive.

Left panel:
goes away and become mobile navigation.

Non-text text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut efficitur massa. Phasellus gravida, quam sed malesuada faucibus, metus odio fermentum ipsum, vel consectetur urna metus a magna. Integer tempor in lorem nec condimentum. Suspendisse mollis tristique viverra. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis dolor erat, imperdiet eget sagittis sit amet, ullamcorper non dui. Mauris a mi vel metus vulputate aliquam at et libero. Nunc sollicitudin purus in nisi vulputate lacinia. Curabitur enim justo, efficitur blandit faucibus ut, tincidunt eget ante. Sed eu nisl nec erat aliquet iaculis.

In semper massa ut leo consectetur, in pharetra tortor pellentesque. Ut non aliquam ligula. Maecenas ullamcorper felis sed molestie porta. Cras malesuada sed elit id mattis. Quisque varius ante in ante sodales, id pellentesque dolor placerat.

Nunc risus est, porttitor et turpis id, laoreet volutpat tortor. Nullam ac laoreet mauris. Maecenas tristique orci sed elit auctor tincidunt. Praesent nulla odio, lobortis a metus ac, maximus ultricies dui. Maecenas leo sem, consequat ut semper eu, sollicitudin id augue. Donec vel diam nec tortor pulvinar volutpat. Vestibulum eget elit vehicula, consequat dolor eu, bibendum orci.