pereyaslavskiy

Я бы добавил фиксированую ширину только для wrapper с поправкой на max-width
width: 100% для инпутов
и
padding для popup-form (в процентах или фиксированый)

В чем указывать размеры определяется макетом.
Вы можете указывать для одних блоков пиксели, для других проценты если считаете что так будет лучше для правильного отображения контента. Если макетом не определено, то при выборе стоит отталкиватся от того, что лучше будет выглядеть на разных размерах экранов.

@media screen and (min-width: 760px) {
  .container{
   display: flex;
  }
  .block{
    flex-basis: calc(25% - 15px);  
  }
}

p.s. Добавьте дополнительный селектор вместо контейнера если понадобится

У вас похоже
content: "";
не хватает

Вот пару вариантов:
https://jsfiddle.net/hxg86k0b/

Абсолютное позиционирование растягивает ваш background на весь блок. Как вариант, можно уменьшить ширину и добавить margin:auto для .clothing p

Картинки в новостях сильно широкие. Я бы написал что-то вроде этого:

#content .new_post img {
    width: 100%;
    height: auto;
    max-width: 230px;
}

Ну и конечно, убрал бы прямые стили для элементов