Yulia Khavaeva

margin просто задает отступы для блока. Ограничьте container определенной шириной (Например width: 1180px;) и потом тем что вы зададите блоку margin: 0 auto; означает что вы задаете сверху и снизу отступ ноль (первая цифра в margin), значение auto значит что вы центрируете блок. у margin это внешний отступ от блока
margin: (сверху снизу) (справа слева);
margin: справа слева снизу справа;
margin: со всех сторон;

https://developer.mozilla.org/en-US/docs/Web/CSS/margin советую почитать. А также полезно будет посмотреть https://www.youtube.com/playlist?list=PLM6XATa8CAG... как для новичка будет очень полезно

Привет привет! Пропиши для селектора res1 flex: 0 0 auto; Этим ты запрещаешь этому элементу увеличиваться или уменьшаться. А ещё советую глянуть серию видео у Фрилансера по жизни про flex-box на ютубе https://www.youtube.com/playlist?list=PLM6XATa8CAG...

.res1{
  background-color: #009688;
  flex: 0 0 auto;
  max-width: 100px;
  width: 100px;
  margin-right: 5px;
  text-align: center;
  line-height: 60px;
  font-size: 30px;
}