动态显示带有网格的右面板

Question

我有一排纸牌，当我单击一张纸牌时，希望从右边显示一个面板，当然，请推动我的纸牌。

我很确定这是css的问题，但是我对这部分感到很遗憾。

这是它的外观初稿：

<div class="row" style="padding: 2em" *ngIf="!listView">
  <div [ngClass]="gridColUnitsCss">
    <div class="row">
      <div [ngClass]="gridViewCss" *ngFor="let unit of units">
        <div class="card" (click)="backupSelectedUnit(unit)">
          <div class="card-header">
            {{ unit.s.name.value }}
          </div>
        </div>
      </div>
  </div>

  <div class="col-xl-2 col-lg-2 col-md-2" *ngIf="showUnitDetails">
    <!-- panel info -->
  </div>
</div

谢谢