Rendre responsive les images lorsque l'écran est petit

[mdaoustUdeS]

Problème

À chaque session, on a des des étudiants qui n'aiment pas voter sur leur cellulaire parce que le texte n'est pas lisible (parce que la taille de l'image est fixe).

Situation actuelle (cellulaire)

Solution proposé

Il faudrait rendre le tout responsive en:

• ratirant le tableau et le remplacer par des div
• ajoutant du CSS (inline) pour mettre une taille maximale de 300px et que l'image soit au dessus du texte quand l'écran est trop petit (genre moins de 600 px))
• laissant les bordures noires autour des candidatures (ou s'assuer que les candidats sont bien séparé les uns des autres, probablement en ajoutant du padding dans les divs)

Fichier à modifier: templates/question_description.mako

On peux s'inspirer de cette réponse sur stackoverflow pour rendre le tout responsive.