@plainbroke the other thing is positioning
there are two modes relative and absolute
a web page is layed out with 0 in the top left corner (0,0) (or right in rtl languages)
in relative mode, content is positioned RELATIVE to the containing element it is in
text in a div , if centered, is in the center of the div space, wherever it is.
there are different measurement types
pixels, physical (absolute)
els(element size), content relative (size of text)
%, shape relative. (size of div)
vh/vw% - size of the visible page h= height w= width
pixels is easy but if the screen size changes, the pixels don’t.
in absolute mode, everything is relative to the 0,0 corner.
by default content is top down , FIFO.
first in, first out.
but you can use flex to change the preference from vertical to horizontal. and which end is the start or end.
and then there is grid. yikes!
fonts and colors and shadings and animations (fade and zoom and transparency!)