сделал скриншот, посмотри, take.ms/azdeE - у тебя after просто накрывает тот блок, по этому и не работает. заметь на скриншоте, снял флажок с top и все ок. удачи.
Есть готовый фреймворк Bootstrap www.oneskyapp.com/ru/docs/bootstrap , но если идет речь о верстке, то только использовать меди запросы media query, вбить это в поиск и по первым ссылкам поискать.
