Aaron Parecki

#cssgrid

• Grid Garden - A game for learning CSS grid (cssgridgarden.com)

  Tue, Sep 7, 2021 3:42pm -07:00 #css #grid #cssgrid #tutorial
• 

  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

  5 likes 2 reposts 2 replies 3 mentions

  Sun, May 12, 2019 12:53pm +02:00 #indiewebcamp #table #css #cssgrid
• CSS Grid for Designers – Times Open (open.nytimes.com)

  Thu, Mar 7, 2019 10:50pm -08:00 #css #cssgrid #tutorial
• CSS Grid Responsive Layout | Responsive Web Design (responsivedesign.is)

  Sun, Jul 22, 2018 8:03pm -07:00 #cssgrid #css
• Learn CSS Grid | Jen Simmons (jensimmons.com)

  

  Thu, Mar 2, 2017 10:28am -08:00 #css #cssgrid #web
• Grid by Example - Usage examples of CSS Grid Layout (gridbyexample.com)

  

  Thu, Mar 2, 2017 10:26am -08:00 #css #cssgrid #web