How can you create a flexible grid layout that uses available space but limits column width to 200px? - Study24x7
Social learning Network

Warning: include(./views/auth.php): failed to open stream: Permission denied in /var/www/html/live/loginRightSlider.php on line 18

Warning: include(): Failed opening './views/auth.php' for inclusion (include_path='.:/usr/share/php') in /var/www/html/live/loginRightSlider.php on line 18

Warning: count(): Parameter must be an array or an object that implements Countable in /var/www/html/live/makepost.php on line 52
Karan Singh
16 May 2024 10:51 AM study24x7 study24x7

How can you create a flexible grid layout that uses available space but limits column width to 200px?

A

Use display: grid; grid-template-columns: repeat(auto-fill, minmax(auto, 200px));

B

Use display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

C

Use display: flex; flex-wrap: wrap; and set children's flex-basis: 200px;

D

Use display: grid; grid-template-columns: repeat(auto-fill, minmax(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