<!DOCTYPE html> <html> <head> <style> #grid{ display: grid; grid-template-rows: 40px 60px minmax(auto,100px); background-color:lightgreen; } #item1{ grid-row: 3/4; background-color:lightblue; } </style> </head> <body> <div id="grid"> <div id="item1"> <p>Grid item.</p> </div> </div> </body> </html>
Run
×
Share