How can you create an asymmetrical grid layout with three rows where the first row is 200px tall, the second is auto-sized, and the third is 1fr tall? - Study24x7
Social learning Network
Karan Singh
02 May 2024 11:03 AM study24x7 study24x7

How can you create an asymmetrical grid layout with three rows where the first row is 200px tall, the second is auto-sized, and the third is 1fr tall?

A

grid-template-rows: 200px auto 1fr;

B

grid-template-rows: repeat(3, 200px auto 1fr);

C

grid-template-rows: 200px 1fr auto;

D

grid-template-rows: auto 200px 1fr;

Web Development
Like Comment Share
study24x7
Write a comment
Related Questions
500+   more Questions to answer

Get the App

Download the Study24x7 App, so you can connect and collaborate.

study24x7
study24x7
Most Related Articles