What and how do grids work (pre layouts)

Question

I have leant what I need on Javascript, HTML, css, php halfway, css halfway also for Web Development but I don't really understand how Grids work responsive grid especially and any thing anyone can tell me about it to get my site on the Web thanks.

Answer 1

What is a Grid System?

In case you’re new to CSS grid systems, we’ll start with a quick definition. In basic terms, a grid system is a structure that allows for content to be stacked both vertically and horizontally in a consistent and easily manageable fashion. Additionally, grid system code is project-agnostic giving it a high degree of portability so that it may be adopted on new projects.

The Benefits

They increase productivity by providing simple and predictable layout scaffolding to HTML design. The structure of a page can be formulated quickly without second guessing its precision or cross-browser compatibility.

They are versatile in how layouts can be constructed, being adaptable in varying combinations of rows and columns. They even support nested grids for more complex use cases. No matter your layout requirements, a grid system is almost certainly well suited.

They are ideal for responsive layouts. This is where grid systems reign supreme. They make it incredibly easy to create mobile friendly interfaces that are adaptable to different sized viewports.

Answer 2

It helps you to align content into sections, kinda like a table does

https://code.sololearn.com/WSiTH7F0wUWU/?ref=app