Explain Grid System in CSS?

Posted On: Apr 10, 2020

 

The Grid layout in the CSS offers a grid-based system with rows and columns to place the HTML elements. It removes the need for using floats and positioning. It consists of one parent element and one or more child elements placed in rows and columns. This design system is supported in all modern browsers.

//example of the grid design system in CSS
<div class="grid-container">
  <div class="grid-item">1
  <div class="grid-item">2
  <div class="grid-item">3
</div>

    Related Questions

    Please Login or Register to leave a response.

    Related Questions

    Front end Developer Interview Questions

    What is HTML?

    HTML (HyperText Markup Language) is a markup language to design the web page. It is used to display the contents of the web page in order. They are the building blocks of the HTML pages. This text-bas...

    Front end Developer Interview Questions

    What is Ajax?

    Ajax (Asynchronous Javascript and XML) is a technique to create asynchronous web applications. Applications developed with Ajax can send and retrieve data asynchronously from the server without interf...

    Front end Developer Interview Questions

    What is npm?

    NPM stands for Node Package Manager. It is used to install, uninstall, update packages for Javascript Programming Language. NPM also is a default package manager for Node.js....