Este es una estructura para un diseño responsive (Mobile first) Hecho con dos herramientas
Aquí la estructura_ html_:
Acá adjunto la primer parte del Css, utilicé Display:Flex, para la estructura en “Mobile First”
Por último, la parte final del Css, donde utilicé @media,para determinar el ancho minimo de la resolución y que así cambiara a escritorio al ser superada.
En éste caso en vez de utilizar Flex, hice la estructura con_ Display:Grid;_
El resultado final es el siguiente:
Mobile:
Escritorio:
