the murmurous sea

- A grid-based layout system, with rows and columns. Like tables, grid layout enables an author to align elements into columns and rows. - CSS Grid Layout excels at dividing a page into major regions or defining the relationship in terms of size, position, and layer, between parts of a control built from HTML primitives. - Many more layouts are either possible or easier with CSS grid than they w..

1. Absolute positioning and margin auto - An element with no intrinsic size: equal values from the top and bottom. - An element has intrinsic dimensions: 0 for top and bottom, then apply margin auto. - The limitation: the element height must be explicitly declared, or it will occupy the entire container. .container{ position:relative; } .element{ position:absolute; top: 0; bottom: 0; left: 0; ri..

1. Non-semantic elements : and - Tells nothing about its content. - are used to group together a chunk of HTML and hook some information onto that chunk, most commonly with the attributes class and id. - element is in-line and usually used for a small chunk of HTML inside a line. - (division) element is block-line and used to group larger chunks of code. 2. Semantic elements : Clearly defines it..