Денис Т

codepen.io/slow_D/pen/vXRWbw

codepen.io/patterns

используй svg маски

не семантично, но удобно в использовании
точно знаешь, что там лежит иконка
а ты почему фоном задаешь?

howtocenterincss.com/#contentType=div&content.widt...
codepen.io/edge0703/pen/iHJuA?editors=1100
способов выравнивания много. какая у вас стоит задача?

родителю и дочке надо задать
height: 100%;

Очень трудно найти заказчика без портфолио (я бы тоже не доверял), поэтому советую поверстать что-нибудь для себя (в инете масса шаблонов) или попробовать реализовать какую-то свою идею. И опытом вам будет и уже что-то своё будет.

www.indofolio.com
случайно вчера наткнулся и тут вопрос сразу
посмотрите как другие делают, ищите примеры

joxi.ru/823z6aNf6WbvBm
а как это реализовать вверху подсказали

https://github.com/WickyNilliams/headroom.js/issues/51
здесь вы найдете ответ на ваш вопрос

.container {
   display: flex;
   justify-content: space-around;
   flex-flow: row wrap;
}
.child {
   width: calc(100%/n);
}

n - количество колонок

position: absolute;

во первых, любой уважающий себя дизайнер должен прочитать вот эту книгу
Дональд Норман «Дизайн привычных вещей»
далее https://habrahabr.ru/post/245737/
вообще хороший дизайнер много чего должен знать так что дайте простор новым знаниям