Держите codepen.io/delphinpro/pen/BWJEgG
Простая линейная структура. В определенных пределах можно менять положение плиток, не меняя css код.
Если еще помозговать, можно расширить эти пределы, добавить другие размеры плиток. Но на это нужно время, которого у меня нет.
Учить функции/методы бесполезно, начните писать и держите под рукой справочник, MaxKorz предложил очень хороший справочник.
Сам, будучи опытным разработчиком, туда частенько заглядываю, чтобы посмотреть аргументы той или иной функции
Еще один костыльный вариант: https://jsfiddle.net/v8wr6yay/
Но я бы на вашем месте взял svg-картинку и не парился. Мания сделать все на css не всегда приводит к хорошему результату)
