body
добавить свойство padding: 0 10px
или сколько вам угодно. Либо поместить эти flex-container
- ы в еще один блок (желательно). Дать этому блоку такие свойства:.container{
display: flex;
justify-content: space-between | space-around | center | и т.д.;
}
padding, align-items
(если display: flex
). Попробуйте все из вышеперечисленного, желательно, и поймете, как все это работает на практике. Откройте devTools (F12
или CTRL+SHIFT+I
), наводите на элементы и смотрите их свойства. npm init
и нажмите OK(там все понятно будет). В этой же папке, где хранится Ваш файл gulpfile.js
, появится папка package.json
и еще пара других. Теперь пишите в консоль npm i gulp-sass --save-dev
. npm gulp -v
, чтоб узнать версию gulp. Последняя версия gulp
только 4 а не 6. Скиньте код gulpfile.js
.