# Knowledge check: Styling and responsiveness

1. **What is the fr unit in CSS grid?**
    
    * <mark>A flexible length unit that grows or shrinks based on the available space in the grid</mark>
        
    * A length unit used only for the texts in the grid
        
    * A flexible color unit to be used in the grid
        
    * A flexible length unit used only for the images in the grid
        
2. Choose the correct explanation for how the CSS code below works.
    
    ```css
    @media (max-width: 700px) {
      .grid-adjustable-columns {
        display: grid;
        grid-auto-flow: row;
      }
    }
    
    @media (min-width: 701px) {
      .grid-adjustable-columns {
        width: min(1000px,75rem);
        margin: 0 auto;
        grid-auto-flow: column;
        gap: 1em;
      }
    }
    ```
    
    * <mark>On small resolutions it stacks the grid items in a column and on large resolutions it lines them up in a single row.</mark>
        
    * This code doesn't work.
        
    * On large resolutions it stacks the grid items in a column and on small resolutions it lines them up in a single row.
        
3. **Which of the following statements about CSS Grid is true?**
    
    * CSS Grid is a design tool used for creating graphics and visual elements for webpages.
        
    * <mark>CSS Grid is a layout system that allows developers to create grid-based layouts using rows and columns.</mark>
        
    * CSS Grid is a programming language used for creating dynamic and interactive web applications.
        
    * CSS Grid is a styling system that allows developers to apply styles to specific elements of a webpage.
        
4. **In CSS Grid, horizontal tracks are also known as:** 
    
    * Columns
        
    * <mark>Rows</mark>
        
    * Grid items
        
5. **True or false: CSS Grid layout automatically adjusts the size of grid tracks.**
    
    * True
        
    * <mark>False</mark>
        

---

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728111091658/cfd116b2-ac76-451c-be7f-cd14b4ec1595.png align="center")