Dealaxer: Хорошо бы такие нюансы про ссылки указывать сразу в вопросе, а не заставлять играть нас в угадайку.
А лучше выкладывать код в песочницу или давать ссылку на сайт.
Судя по макету, вам еще нужно, чтобы фон менялся у иконок при наведении.
Разумнее из фотошопа получать только сами иконки (то, что белое).
А а фон задавать с помощью css. Сначала полупрозрачный в формате rgba, потом, при наведении, зеленый.
Баба Маша:
Потрясающе. Исправить что? Ошибка чего? Что должно быть?
Чисто по этому куску кода: не ясно зачем сложности с позиционированием и трансформацией, если ширина фиксированная? Чем не угодила обычная строчка margin:auto?
Обычно, если это критично, то условие написано в задании. Причем, ничего не мешает задать вопрос "почему только без бутстрапа, чем он обидел?" или наоборот "зачем он вам понадобился, я сделаю качественнее без него". В зависимости от религии.
Часто заказчики пришут какой-то модный набор слов, которые иногда противоречат друг другу, вообще не понимая смысла этих слов.
В большинстве случаев заказчику безразлично как именно вы достигнете нужного результата.
Варианты:
1. Кеш стилей
2. Не совпадают .class
3. Смотрите при вьюпорте большем, чем 480px
4. Нет самого блока class в верстке.
5. Продолжаете его не видеть потому что у него нет высоты/ширины/контента из-за других стилей.
Точный ответ бывает только после просмотра кода в песочнице.
А лучше выкладывать код в песочницу или давать ссылку на сайт.