[FEATURE] Optimisation de l'écran de challenge Pix Junior (PIX-15739)

[aurelie-crouillebois]

🎄 Problème

L'écran de challenge de Pix Junior n'est pas optimisé. L'élève a trop souvent besoin de scroller même quand il y a peu de contenu.

🎁 Proposition

Optimiser l'affichage de ces écrans :

• Limiter les marges
• Diminuer la police des bulles
• Passer le partage des écrans en 50/50 quand la zone de gauche contient une illustration (et pas un embed).

🎅 Pour tester

Accéder à différents types d'épreuves :

• avec image / embed seul ou avec formulaire
• avec instruction longue
  Dans différents format d'écran : < ou > à 1194px de large.

Comparer avant et après : le nouvel affichage limite le scroll et permet d'avoir une vision plus globale sur les épreuves.

[pix-bot-github]

Une fois les applications déployées, elles seront accessibles via les liens suivants :

• App (.fr)
• App (.org)
• Orga (.fr)
• Orga (.org)
• Certif (.fr)
• Certif (.org)
• Junior
• Admin
• API
• Audit Logger

Les variables d'environnement seront accessibles via les liens suivants :

• scalingo front
• scalingo api
• scalingo audit-logger