[Vuejs]-Vue – Make components appear beside sidebar

by

0👍

Seems like the sidebar has fixed or absolute positioning applied. This takes the sidebar out of a normal flow of the webpage and simply positions it relative to the browser window / closest positioned parent. Two solutions come to mind here:

  1. Apply fixed width to the sidebar and at the same time apply left margin of the same size to the content.
  2. Override the sidebar’s css and use position: static. Now the sidebar is again part of the regular page flow and you can display it next to the content (easily doable by making their parent a flex container – applying display: flex property to the #app is a good start here).

Leave a comment