Flexbox, Grid & Semantic Tags

div tag
The div tag is a block-level element used to group and organize content in HTML. It is used when we want to create sections or structure a webpage. It helps developers design layouts and apply CSS styles easily. The content inside the div tag can be styled using CSS.
Semantic Tags
Semantic tags describe the meaning of the content clearly. It improves readability. Gives better SEO. It helps screen readers understand the webpage.
Example

display: grid
Grid is a CSS layout system used to arrange elements in rows and columns.

It divides the container into 2 columns using fractions. So the second column becomes twice as wide as the first.
Flexbox
Flexbox is a CSS layout model used for flexible alignment and spacing. It helps align items easily and makes responsive design simpler.