All solutions

The challenge was not so difficult to achieve, as long as one person mastered the CSS GRID. I wish if you have a wink on my site, kindly leave me your comments please

Bonjour. En premier lieu je vous remercie d'avoir lu mon code et mon commentaire. Ce défi n'était pas si difficile. Ce qui était le plus compliqué est le pied de la page. J'ai trouvé une difficulté dans le positionnement de l'image vis-à-vis du texte et aussi dans sa dimension. Mais j'ai préféré d'utiliser la propriété background-image dans CSS pour manipuler l'image. En outre, les couleurs donnés pour le texte ne sont pas visibles par le lecteur. Pour cela j'ai changé quelques couleurs de texte .Si vous étiez à ma place que feriez-vous?

Surely I encountered some problems. But the hardest thing was adjusting the size of an image. When I applied the css grid on the content of my page, the img took up a lot of space and reconstructing it with the CSS was not easy for me. In addition, when I used media querie to code the part mobile, I did not know how to replace the image of the desktop with that of the mobile that exist in the image folder. So I had to leave the first img only. Thank you for you attention and for reading my code.

J'avais trouvé un problème dans les bords du code QR. Quand j'ajoute un padding-top au code QR ses bords s'applatissent. Sachant que j'ai utilisé un display flexbox. Pensez-vous que c'est un comportement normal ? ou c'est mon code qui contient une erreur ?