zachleat’s avatarzachleat’s Twitter Archive—№ 25,612

  1. Shout out to the vw unit which does very different things based on the Mac OS Show scroll bars system preference. Specifically 100vw only forces a horizontal scrollbar when the Always value is selected (in Firefox, Chrome, and Safari). Demo: s.codepen.io/zachleat/debug/ardKvR
    oh my god twitter doesn’t include alt text from images in their API
    1. …in reply to @zachleat
      Practically speaking, the methods on this @css article about full width containers all have a horizontal scrollbar. 😭 css-tricks.com/full-width-containers-limited-width-parents/ The last method seems to work but it’s cheating with body { overflow-x: hidden } 😎
      1. …in reply to @zachleat
        I remember fixing issues with scrollbar widths in IE7—and now I’m back
        1. …in reply to @zachleat
          1. …in reply to @zachleat
            This post from @tylersticka solves this exact problem using CSS Grid instead of problematic vw units. cloudfour.com/thinks/breaking-out-with-css-grid-layout/