61°F

Aaron Parecki

  • Articles
  • Notes
  • Photos
  • Aaron Parecki
    First #IndieWebCamp hack day project complete! I'm finally starting to get an understanding of CSS Grid.

    Thanks to help from @tantek I was able to fix the display of my monthly calendars at https://aaronparecki.com/2019/04 by switching from table display to flex>grid>flex with table>tr>td markup. Kept the table markup and was able to remove one level of nested divs inside too!

    The <table> element is a flexbox, the <tr>s are a grid, and the <td>s inside are a flexbox. This lets the rows of the calendar vary in height, but forces the height of the cells of each row to be the same height. Finally the city names at the bottom are able to be "stuck" to the bottom of the cell.
    Düsseldorf, Nordrhein-Westfalen, DEU
    Sun, May 12, 2019 12:53pm +02:00 #indiewebcamp #table #css #cssgrid
    5 likes 2 reposts 2 replies 3 mentions
    • Eddie Hinkle
    • Djoerd Hiemstra
    • Jacky.
    • Chris Burnell
    • Don't Forget To Be Awesome
    • Adrian Cochrane
    • Jacky.
    • infinite love ⴳ mastodon.social/@trwnh

      @aaronpk i'm all for using grid, but <tr> is a 1D row element so there's no real difference w flexbox, is there? you could use align-items: stretch

      Mon, May 13, 2019 2:04am +00:00
    • Jeremy Keith adactio.com

      Tables are weird!

      Sun, May 12, 2019 1:31pm +02:00

    Other Mentions

    • Jeremy Keith adactio.com
      Replies
      Wed, May 22, 2019 6:30pm +02:00
    • medium.com
      Wed, May 22, 2019 6:31pm +02:00
    • medium.com
      Wed, May 22, 2019 6:32pm +02:00
Posted in /notes using quill.p3k.io

Hi, I'm Aaron Parecki, Director of Identity Standards at Okta, and co-founder of IndieWebCamp. I maintain oauth.net, write and consult about OAuth, and participate in the OAuth Working Group at the IETF. I also help people learn about video production and livestreaming. (detailed bio)

I've been tracking my location since 2008 and I wrote 100 songs in 100 days. I've spoken at conferences around the world about owning your data, OAuth, quantified self, and explained why R is a vowel. Read more.

  • Director of Identity Standards at Okta
  • IndieWebCamp Founder
  • OAuth WG Editor
  • OpenID Board Member

  • 🎥 YouTube Tutorials and Reviews
  • 🏠 We're building a triplex!
  • ⭐️ Life Stack
  • ⚙️ Home Automation
  • All
  • Articles
  • Bookmarks
  • Notes
  • Photos
  • Replies
  • Reviews
  • Trips
  • Videos
  • Contact
© 1999-2025 by Aaron Parecki. Powered by p3k. This site supports Webmention.
Except where otherwise noted, text content on this site is licensed under a Creative Commons Attribution 3.0 License.
IndieWebCamp Microformats Webmention W3C HTML5 Creative Commons
WeChat ID
aaronpk_tv