Algo similar puedes hacer en los proyectos: al abrir una pestaña se expande el proyecto (que según entiendo montaste con iframe). el problema e esto es que es un grid, así que al abrir un proyecto se mueve el tíutulo del ítem de alado. Una posible solución es que a la clase .acordeon le cambies el align-items: center por align-items: flex-start, con esto se quedará arriba si expandes el acordeon de alado. Otra solución sería qeu en lugar de acordeones, muesrtes el contenido del mismo ya expandido. En ambos casos también recomendaría que coloques una imagen de cada proyecto más el link al url en vivo y al repositorio (si lo quieres mostrar), en lugar de usar iframes (a menos que el proyecto lo tengas en el mismo servidor), para evitar el error que comentaste más arriba.
prisma tree