simplemente a los contenedores les asignamos un ancho con un para que tome el porcentaje total de pantalla que deseemos, es recomendable hacerlo con porcentajes, ya que con Px o Rem va existir un desbordamiento de contenido para los diferentes dispositivos.

Para que tenga una mejor presentación aplicamos un max-width, para que tenga un tope, osea el maximo

Utilizamos un para centrar el contenido

A las imagenes también les podemos aplicar un width para que simpre sean responsivas se aplica en max-width: para que no fuerce a las imagenes mas pequeñas a tomar ese valor.

con esas simples lineas el contenido va empezar a fluir, entre los diferentes tamaños de pantalla.

También le podemos aplicar medias queries.

Codigo HTML

Codigo CSS