Сергей

Потому что верстка корявая. Ты не тому элементу flex даешь

Вообще в работе принято разграничивать html, css, js и т.п. отдельно. т.е. шаблон отдельно, стиль отдельно, код отдельно и т.д. Проще работать, когда все (css определенной страницы) лежит в одном месте.

Если внимательно почитать доку, то там написан следующий синтаксис

var sources = gulp.src('Какой-то путь',{read: false}),
param = {
      transform: function (filepath) {
        if (filepath.slice(-3) === '.js') {
          var newPath = filepath.slice(6); // Что нужно обрезать
          return '<script src="' + newPath  + '"></script>';
        }else{
          // Use the default transform as fallback:
          return inject.transform.apply(inject.transform, arguments);
        }
      }
    };

gulp.src('Куда мы вставим наши файлы')
  .pipe(plumber()) // обработка ошибок
  .pipe(wiredep()) // bower файлы туда же суем
  .pipe(inject(sources, params)) // вставить свои файлы
  .pipe(gulp.dest('Куда это все сохранить'))

Решение проблемы можно прочитать здесь
Если кратко, то проблема из-за псевдонима winpty
Решает эту проблему в git bash следующая строка:

unalias $(alias | grep winpty | cut -d"=" -f1 | cut -d" " -f2)

А далее установка composer

php -r "readfile('https://getcomposer.org/installer');" | php

All settings correct for using Composer
Downloading...

Composer succesfully installed to : <путь до вашей папки php>/Composer.phar
User it: php composer.phar

echo @php "%~dp0composer.phar" %*>composer.bat
composer -V

Composer version <версия> < дата обновления >

Так вопрос решился?)) Интересен ответ

Код не получается в комментарий засунуть

Большое спасибо! Мы тоже так с девочками думали.
Сложность заключается в том, что при уменьшении размера экрана, строка 2 перейдет на строку 3, а нам это не подходит, так как произойдет сбой решетки с фото и блоками текста.
Юлия

white-space
text-overflow

white-space: nowrap;
display: inlaine-block;
text-overflow: ellipsis;
overflow: hidden;

Посмотри видео, может поможет

Покажи работу своих тасков, что ты вызываешь ('html', 'less' и т.п. ) Косяк кроется там.
Пример рабочего таска + watch

gulp.task('default', ['run-beats']);

gulp.task('run-beats', () => {
  gulp.start('clean-css');
  gulp.start('beats-watch-sass');
});

gulp.task('clean-css', () => {
  console.log('Чистим папку app/css/*');
  del(['app/css/**', '!app/css']);
});

gulp.task('beats-sass',  () => {
  console.log('Работы с css файлами в app/css/*');

  return gulp.src('./beats/styles/**/*.scss')           // Какие файлы выбрать
      .pipe(plumber({                                   // обработка ошибок
        errorHandler:  (error) => {
          console.log('Error: ' + error.message);
          this.emit('end');
        }
      }))
      .pipe(sass())                                     // Перевод файлов в sass
      .pipe(autoprefixer({                              // автопрефикс
        browsers: ['> 1%', 'last 10 versions', 'Firefox 5', 'Opera 12', 'ie 8', 'ie 9', 'ie 7']
      }))
      .pipe(gulp.dest('./app/css'))                     // Куда файлы вставить
});

gulp.task('beats-watch-sass', () => {
  console.log('Запускаем отслеживание изменений sass файлов ...');
  gulp.watch('./beats/styles/**/*.scss')
    .on('all', function (event, path) {
      if(event == 'unlink'){
        gulp.start('clean-css');
      }

      gulp.start('beats-sass');
    })
});

Есть замечательные настройки конфига .htaccess

RemoveHandler .php .htm .html
AddHandler application/x-httpd-php .php .htm .html

Одну из статей можно почитать здесь

Javascript + JQuery от Евгения Попова
ITVDN JavaScript Advanced от Дмитрий Охрименко

P.S от ITVDN можно и angular.js изучать