zachleat’s avatarzachleat’s Twitter Archive—№ 26,590

  1. Pushing an “it-was-almost-too-easy” update to zachleat.com that uses CSS Grid for layout. I’ll keep iterating on it but y’all already know—CSS Grid is awesome. My site’s layout feels more consistent and more maintainable now.
    On twitter.com Twitter logo zachleat’s avatar ❤️ 19 Favorites Mood +4 🙂
    1. …in reply to @zachleat
      I wanted a more robust solution to full width breakout content (instead of vw which can cause horizontal scrollbars). More: @zachleat/1126522675185295361 Read this excellent article from @tylersticka: cloudfour.com/thinks/breaking-out-with-css-grid-layout/ (I now exclusively share @tylersticka content—not sorry)
      Permalink On twitter.com Twitter logo zachleat’s avatar ♻️ 1 Retweets ❤️ 11 Favorites Mood +6 🙂
      1. …in reply to @zachleat
        One of the biggest speed-bumps to using position: sticky is that sticky elements are constrained to their parent element. But CSS Grid pairs nicely with position: sticky. Because of Grid, rail and content are the same height in layout & using sticky on the menu just works ❤️
        Permalink On twitter.com Twitter logo zachleat’s avatar ♻️ 1 Retweets ❤️ 8 Favorites Mood -2 🙁