Duda de posicionamiento

con media queries, no solo el ancho si no todos los elementos de tu pagina... espero haberte ayudado.

Hola, Eso lo podemos hacer con Flexbox.

Flexbox permite crear un contenedor flexible que se adapta al tamaño del dispositivo o pantalla donde se está viendo la página. Los elementos dentro del contenedor pueden ajustarse automáticamente para llenar el espacio disponible o para encogerse para adaptarse a pantallas más pequeñas sin comprometer la legibilidad del contenido. En resumen, Flexbox es una técnica de diseño de CSS que permite crear diseños flexibles y adaptables que pueden ajustarse automáticamente a diferentes tamaños de pantalla y dispositivos. Si te sirvió el ejemplo puedes marcar esta respuesta cómo "solución", Saludos.

ejemplo

html
<div class="container">
  <div class="left-column">Columna izquierda</div>
  <div class="right-column">Columna derecha</div>
</div>

css
.container {
  display: flex;
  flex-direction: row;
}

.left-column {
  flex: 1;
  background-color: lightblue;
  padding: 20px;
}

.right-column {
  flex: 1;
  background-color: lightgreen;
  padding: 20px;
}