Level 26. Making 5 rows.
See original GitHub issueThe challange description says, that I should make 5 rows using grid-template-rows.
grid-template-rows works much the same as grid-template-columns.
Use grid-template-rows to water all but the top 50 pixels of your garden. Note that the water is set to fill only your 5th row, so you’ll need to create 5 rows in total.
I made it, but it doesn’t work. Here is my line of code:
grid-template-rows: repeat(4, 10px) 1fr;
And it shows, how, I think, it should look like:
Issue Analytics
- State:
- Created 6 years ago
- Reactions:3
- Comments:27 (1 by maintainers)
Top Results From Across the Web
Developers - Level 26. Making 5 rows. - - Bountysource
The challange description says, that I should make 5 rows using grid-template-rows. grid-template-rows works much the same as grid-template- ...
Read more >Playing CSS Grid Garden with Answers Explained
Level 5. At this level we should use negative value for the grid-column-end property that allows to count vertical lines from right to...
Read more >Solved: Repeat rows to fill to fill a specific number of rows
For example, say I have 5 rows of data I need to fill 12. ... What is the source of the number of...
Read more >Set up dependent drop-down list for multiple rows in Excel
See how to create an expandable multiple drop-down list in Excel ... That is my go-to for making a multi-level dropdown for every...
Read more >Hexagons in a Row - Inside Mathematics
Joe uses toothpicks to make hexagons in a row. ... 2. How many toothpicks does Joe need to make 5 hexagons? ... Gives...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
repeat(4, 12.5px) 1fr;
thank me latergrid-template-rows: 50px 0 0 0;
works