Стили и проблемы с выравниванием

#css #vue.js

Вопрос:

Я работаю с Vue и с CSS, проблема у меня в том, что он не выравнивается так, как я хочу, до сих пор у меня есть это:

введите описание изображения здесь

Я хочу добраться до этого:

введите описание изображения здесь

Он не заставил меня встать в очередь слева

Мой CSS:

 .MenuDesktop {
  position: absolute;
  width: 1500px;
  top: 50px;
  background-color: white;
  flex-direction: row;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
 }
 

Vue:

 <b-collapse id="collapse-cat-lvl1-469" class="MenuDesktop">
            <!-- ==== sub menu ==== -->
            <div data-cat-acc="473" class="textdesktop">
              <div class="panel">
                <b-navbar-toggle target="collapse-cat-lvl1-477">
                ...
                ...
                ...
                ...
        </b-collapse >
 

Я пробовал разные вещи с CSS, но пока ничего, какие-нибудь рекомендации?

Примечание: На самом деле, когда я использую left: 0; его, он проходит через все меню, и меня интересует, что он появляется слева, — это только отображение меню

Комментарии:

1. было бы намного проще, если бы вы предоставили кодовое поле или что-то в этом роде.