мне лично не нравится когда из ссылок пытаются делать элементы меню
имхо элемент меню это li, а ссылка всего лишь на него должна натягиваться, т.е. нести контентное содержание, а не стилевое, но ваше право делать как заблагорассудится, только учтите, что задавая отступы ссылкам вы потом быстро не поправите разметку
у вас еще ошибки в html были, тож поправил
обводку можете убрать, закомментите последние 8 правил про outline
можно еще добавить правило для .menu li:last-child { margin-right: 0;} чтобы обнулить отступ (забыл добавить)
Премного благодарен. Прохожу на данный момент курсы - front end программирование с нуля. Это задание нужно было сделать с нуля. Не особо разбираюсь в некоторых аспектах. Поэтому и намудрил))