Ответ y0u правилен, но на сегодняшний день этого недостаточно.

Зная HTML, CSS, JavaScript вы являетесь простым верстальщиком. Front-End разработчик должен знать AngularJS, BackboneJS для того, что бы разрабатывать приложения на фронтовой части. CSS препроцессоры, вроде популярных популярные - SASS, LESS и т. п. Не забудем про таск раннеры Grunt, Gulp и прочие. Здорово, если он знает UI фрэймворки - тот же bootstrap, foundation и т. д. Есть библиотеки, такие как jQuery, Underscore, Lodash... JavaScript у нас тоже не остался без компиляторов. Есть CoffeeScript, TypeScript. JS приложения бывает нужно тестировать. Для этого тоже есть инструменты - mocha, qunit, chai

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

У меня структура выглядит вот так:
styles.scss

// Тут подключение всех бутстрап компонентов, если используется этот фреймворк.

// Helpers
@import "helpers/variables";
@import "helpers/mixins";

// Vendor (Вендорные стили. Например от плагинов)
@import "../../node_modules/slick-carousel/slick/slick.scss";

// Common (основные стили.)
@import "common/base";
@import "common/typograpy";

// Components (мелкие визуальные элементы)
@import "components/buttons";
@import "components/forms";
@import "components/loader";
@import "components/table";

// Modules (большие куски. Шапка, футер, продукт)
@import "modules/footer";
@import "modules/header";
@import "modules/main-slider";
@import "modules/navbar";
@import "modules/section";
@import "modules/services";

// Pages (стили, котрые нужно применить для конкретной страницы)
@import "pages/index";

Такая структура позволяет подключать компоненты, модули и стили страниц в алфавитном порядке, что делает удобным поиск подключения того или иного файла

Можно попробовать сделать так:

left: 50%;
transform: translateX(-50%);

https://jsfiddle.net/948hbquy/4/

Но если у вас ширина блока нечетного количества пикселей, то его размоет. Второе вариант - черный блок завернуть в другой блок и уже ему делать абсолютное позиционирование. А черный отцентрировать через margin: 0 auto;