Vamos a presentar los MediaQuery en Flutter como elemento fundamental cuando queremos hacer un diseño adaptativo o Responsivo para Flutter, conocer como podemos obtener el tamaño de pantalla así como orientación y los widgets de MediaQuery, Flex, Orientation, Expanded y Size.

El widget FractionallySizedBox permite alinear elementos y que estos ocupen un porcentaje del elemento padre y es una opción a los MediaQueries.

Aprende a poner una imagen de fondo en CSS que ocupe toda la pantalla con background-size: cover, media queries y ejemplos listos para copiar. Guía práctica, rápida y optimizada.