Algo que obsesiona a los creadores de sitios web desde tiempos inmemoriales es como posicionar los elementos en la pantalla. Hace muchos años se hacía con la ayuda de las cajas flotantes, sin embargo, hoy día no es común ver esta práctica
Flexbox
Es una forma de acomodar los elementos que se muestran en pantalla de una manera bastante predecible y controlada. Para ello necesitaremos un container que se “padre” y es a sus hijos a quienes podremos acomodar mediante diferentes propiedades a traves de un eje principal y otro secundario
CSS Grid
Este modo nos permite arreglar los elementos a través de un sistema de grilla, con filas y columnas y en mi opinión es la forma mas potente de maquetar una pagina web
Frameworks
Otra forma de arreglar la posición de los elementos en los elementos en la página es con frameworks. Existen frameworks css como bootstrap o materialize que tienen formas muy cómodas de acomodar los elementos en la página web