3 ms·

Pretty fun! I got stuck at level 26, my solution looks visually correct but the next button won't activate: grid-template-rows: repeat(4, 10px) 1fr;

• buzer 2y ago
  You are watering everything except for top 40 pixels. You need to water everything except for top 50 pixels.
  • p0seidon 2y ago
    Gone are the beautiful days of <table> layouts.
    • aniforprez 2y ago
      And I'm so thankful. Table layouts are horribly restrictive and opinionated with all sorts of arcane under-the-hood rendering rules making simple things like fixing the width of your columns not work at all. Grid is better except obviously if you're rendering an actual table
• j1br 2y ago
  grid-template-columns: 50px repeat(3, 1fr) 50px;
• baq 2y ago
  12.5px
• friendzis 2y ago
  Neat (or not, depending on your position) thing about grids is that they allow for zero-size areas. With your approach you need 4 rows with the size of 50px/4=12.5px: `grid-template-rows: repeat(4, 12.5px) 1fr;` However, you can also "size" first (or any other "nice" number) of rows and insert zero-sized fluff areas: `grid-template-rows: 50px repeat(3, 0px) 1fr;`