Светлана Кудрявцева

Добрый день!
1) Если необходимо оставить абсолютное позиционирование блока container.
Так как вы задали абсолютное позиционирование блоку container, то для него в стилях необходимо прописать
right: calc(50% - 150px);

Полностью стили для контейнера будут такие:

.container {
  position: absolute;
  right: calc(50% - 150px);
  border: 1px solid black;
  /*display: flex;*/
  /*align-items: center;*/
}

150px получилась так:
ширина внутреннего блока items 300px/2
Как это будет выглядеть смотрите по ссылке: https://codepen.io/lanacode/pen/PoyRmeX

2) Если же вы хотите использовать flexbox и позиционировать с помощью него, то абсолютное позиционирование убираем:

.container { 
  display: flex;
  justify-content: center;
  
  /*place-items: center;*/
  /*тут был цвет всего*/
}

+ переносим css свойство border блоку items:

.items {
  border: 1px solid black;  
  width: 300px; 
  background: $sec;
  box-shadow: 0 3px 6px rgba(black,0.16), 0 3px 6px rgba(black,0.23);
  border-top: 10px solid black;/*верхушка*/
}

Как это будет выглядеть смотрите по ссылке: https://codepen.io/lanacode/pen/PoyRmeX