Hacker Newsnew | past | comments | ask | show | jobs | submitlogin

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;


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;`


You are watering everything except for top 40 pixels. You need to water everything except for top 50 pixels.


Gone are the beautiful days of <table> layouts.


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


   12.5px


grid-template-columns: 50px repeat(3, 1fr) 50px;




Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact

Search: