cuando cambio a dispositivo la iman y su texto se van completamente fuera de lugar.

Hola Daniel Para ayudarte mejor necesitaría ver tu código en comentarios o en un repositorio de Github. Sin embargo, puedo darte algunas recomendaciones en estos casos:

• Verifica que el HTML tiene correctamente dentro de la etiqueta head la siguiente etiqueta:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

• Verifica el tamaño de los elementos internos. En la imágen que nos compartes es posible que el tamaño del contenedor del logo de Whatsapp tenga un tamaño más grande que el de Linkedin.
• Prueba cambiando tamaño de elementos y otras propiedades en el inspector de elementos. Muchas veces así descubres que es lo que propiedades puedes utilizar para lograr el resultado que buscas.
• Agrega un borde rojo a todos los elementos para ver sus tamaños y donde estan posicionados con el siguiente código en css:

* {
  border: 1px solid red
}

Te invito a unirte a la comunidad de discord y compartir tus dudas por ahí. Así puedes compartir tus dudas con otros estudiantes y descubrir nuevos problemas y soluciones en programación.

Tambien...estoy intentando alinear mis iconos pero por mas que ponga JUSTIFY CONTENT CENTER... no queda bien. y tambien noto que se pone una linea punteada... una subdivision y despues deja un margen ENORME a la derecha. Y como verán... tal como marco con la flecha verde.. no hay ninguna otra funcion mas que DISPLAY FLEX y JUSTIFY CONTENT