Добрый день. Почему бы не объединить эти функции в одну? То есть у вас есть функция

handleClick = () => {
         //do function 1
        // do function 2
    }

<span className="active" onclick={this.handleClick}>1</span>

Вот тут можете почитать, как обрабатываются события в react. Я просто не знаю, как у вас там в коде самом. Вы использует функциональные компоненты, или классы, в зависимости от этого, там синтаксис чуть-чуть будет меняться. Но суть останется прежней.

По мне лучше объединить их. Вот тут реализация

Добрый день.



Для класса ".entry-excerpt" поставьте flex-grow:1, тогда текст займет оставшееся пространство, и кнопки всегда будут внизу

Добрый вечер. Попробуйте задать img margin: 0 auto;

img {
   margin: 0 auto;
}

Либо родительскому классу li сделать так:

li {
        display:flex;
        justify-content: center;
        align-items:center;
    }