У меня проблема с адаптацией боковой панели

Question

Я создал эту боковую панель с reactjs и с определенным фиксированным числом пикселей для каждого элемента, поэтому боковая панель не отвечала. К сожалению, я не так хорош в CSS. Может кто-нибудь помочь мне преобразовать этот код, чтобы ответить, пожалуйста? заранее спасибо:)

код здесь

↓↓↓↓↓↓↓↓↓↓↓↓↓↓

код

Answer 1

Используйте максимальную ширину на боковой панели. css вместо максимальной высоты.

@media screen and (max-width: 600px) {
  .sidenav {
    padding-top: 15px;
    width: 100px;
  }
  .sidenav a {
font-size: 14px;
  }
}