• HiddenLayer555@lemmy.ml
    link
    fedilink
    English
    arrow-up
    0
    ·
    edit-2
    2 days ago

    To be fair, let’s not pretend we haven’t all written JS to resize shit in desperation when the CSS doesn’t work. Though the better way to do this would probably be to listen for the window size change to fire your style changing functions. That makes it behave more like responsive CSS that changes automatically when you resize the window (though with a slight lag sometimes because it’s a lot kore computationally expensive).

    • Ephera@lemmy.mlOP
      link
      fedilink
      English
      arrow-up
      0
      ·
      1 day ago

      Well, the situation you describe, is probably best handled by CSS media queries.

      In case you’re not familiar, you can write:

      @media (width < 800px) {
        h1 {
          font-size: 110%;
        }
      }
      

      …to get smaller headings on mobile, for example.

      But yeah, reality may be more ugly. Especially, if you’re using a bulky JS framework, it may be easier to do the JS dance.