Kevin Powell - Community•2y ago

Issue with getting a horizontal scroll working

Been stuck all morning trying to get my hourly section's content to become a scroll rather than shrink to fit. Using a flex, overflow-y. I tried numerous things including different values for containers, changing flex shrink. I did get it to scroll, but once it reached 500ish px screen width the rest started to shrink again. https://bsupinski.github.io/weather_app/ https://github.com/bsupinski/weather_app

GitHub

GitHub - bsupinski/weather_app

Contribute to bsupinski/weather_app development by creating an account on GitHub.

2 Replies

Unknown User•2y ago

Message Not Public

Errtu•2y ago

 &--wrapper {
    display: flex;
    gap: 1.5rem;
    overflow-x: scroll;
    max-width: 100%;
    background-color: red;
  }

 &--wrapper {
    display: flex;
    gap: 1.5rem;
    overflow-x: scroll;
    max-width: 100%;
    background-color: red;
  }

I have all the hours in this wrapper, this is the sass for its class And I just figured it out, thankyou ali

Gaming

Programming

Issue with getting a horizontal scroll working