В контейнере шириной 100% при разрешении 320рх кнопка вылазит за его пределы. как поставить ее в правый верхний угол?

Question

[Татьяна]

Значения в css:

.modal-close-btm {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  width: 34px;
  height: 34px;
  background-color: transparent;
  border: none;
  line-height: 0;
  padding: 0;

Comments

[Сергей delphinpro]

Ничего не вылазит https://codepen.io/delphinpro/pen/dyLBZZW?editors=1100

[ProjectSoft]

Комментарий на столько точный, как сам вопрос!
Правильно Сергей delphinpro ! Всё правильно! ;-)

[ProjectSoft]

serega danet, весь фокус в margin-left: auto;

[Сергей delphinpro]

serega danet, это не моя кнопка =)

все дело в margin-left:auto и фиксированном width
флекс здесь вообще не при делах, он работает внутри кнопки