En el proceso de creación de una web es imprescindible organizar elementos como imágenes, textos o tablas. Para ello, necesitaremos conocer los elementos de ordenación y las propiedades que nos ayudan a organizar todos los componentes.
Cualquier elemento incluido en un documento HTML dispone de una estructura tipo caja que se puede modificar usando las propiedades CSS. Las propiedades más importantes de las cajas o contenedores son las siguientes: margin (margen externo), border (borde) y padding (margen interno).
Aquí puedes ver como definir esta estructura o contenedor en el código CSS.
Dos formas de organizar los contenedores o cajas: Mediante una rejilla o "Grid", y/o...
... mediante "Flexbox": Algo más complejo pero mucho más potente para organizar el contenido de nuestra página web. Además nos ayuda con un diseño "adaptativo" o "responsive (en inglés)" , ya que nos permite ajustarnos al tamaño de pantalla de visualización, móvil o monitor.
No son excluyentes. ¡Puedes utilizar las dos técnicas de diseño simultaneamente!