По факту не помню как научился верстать... так в общих чертах... Но я никогда не сидел тупо за просмотром видосов по верстке (не любил долго залипать в видосах) и на сайтах типо htmlacademy или learn.javascript
Просто даже банально как вы выравниваете меню зачем слева падинг у класса list?
У .head вы можете просто добавить align-items: center; и не добавлять margin для меню... ну короче много где проблем
Ничего не понятно... но насколько я вижу у вас структура не правильная... а если у вас будет элементов меньше чем вмещается на 1 или 2 строки? например в строке 3 элемента, а у вас всего 1, то получается кнопка показать еще будет справа от этого элемента? как по мне бред.
Выносите кнопку за список