Как мне выровнять эти кнопки? Существует ли более одного решения этой проблемы? Как мы можем применить гибкость к решени ⇐ CSS

[Anonymous]

Я разрабатываю простой веб-сайт с моим небольшим опытом. Мне нужна помощь в этом. Я не знаю, как выровнять эти кнопки. Интересно, можно ли использовать вертикальное выравнивание в навигации вместо использования его в кнопках?

button { высота: 70 пикселей; ширина: 150 пикселей; цвет фона: #AAAAAA; граница: 0,5 пикселя, сплошной малиновый; радиус границы: 10 пикселей; отступ: 20 пикселей; поле: 10 пикселей; текстовое оформление: нет; } #пингвин { белый цвет; радиус границы: 25%; свойство перехода: радиус-границы, граница, цвет, цвет фона; продолжительность перехода: .1 с; функция времени перехода: .1 с; задержка перехода: 0,3 с; поле: 10 пикселей; } #пингвин:наведите { цвет границы: оранжевый; белый цвет; цвет фона: черный; Типографика CR Tronic 360 Commodore Amiga 500

Последняя кнопка не совпадает с остальными. Какой ваш совет? Мне попробовать флекс?

Не стесняйтесь посетить веб-сайт, чтобы увидеть результат моего кода.

https://free-singularity.org/libreysingular2.html

Спасибо заранее.