HTML Editor
<!DOCTYPE html> <html lang="en-US"> <head> <style> #outerDiv{ display: grid; grid: 90px/ auto auto auto; border: 1px solid black; } #outerDiv div{ border: 1px solid #00f; background-color: rgba(0,0,255,.2); padding: 25px; margin: 8px; text-align: center; } #outerDiv div:nth-child(1){ grid-row: 2/ span 2; } </style> </head> <body> <h1>CSS grid-row Property</h1> <div id="outerDiv"> <div>Div 1</div> <div>Div 2</div> <div>Div 3</div> <div>Div 4</div> <div>Div 5</div> <div>Div 6</div> <div>Div 7</div> </div> </body> </html>
OUTPUT
×

Save as Private