Как сделать sidebar sticky?

Question

[Alexander]

Здравствуйте, подскажите пожалуйста, как сделать sidebar прижатым к левому краю во время скрола страницы без захардкодженого top, сейчас top 121px потому-что высота header 51px и высота filter header 70px.
И сейчас работает все прекрасно, но как по мне неправильно хардкодить значения в подобных случаях, может есть какое-нибудь более грамотное решение? Буду очень благодарен за помощь

const StyledFilterBar = styled.div`
  transition: all 0.3s ease;
  min-width: 200px;
  width: 200px;
  height: calc(100vh - 121px);
  position: sticky;
  top: 121px;
`

Comments

[Steppp]

top: 121px; хардкод
А это не хардкод? width: 200px; )))

Решение есть всегда, но проще же твой код подправить, чем вариант писать с нуля
В Песочнице JSFiddle есть реакт)

[Alexander]

Steppp, вот ссылка

[Alexander]

Steppp, а на счет хардкода ширины, это временно, потом сделаю адаптив через min-max widht и breakpoints