Coucou !  @Artemis

Alors j'ai essayé de faire l'exercice ! J'ai un résultat qui ressemble mais pas totalement identique ! (Notamment les dimensions qui sont plus petite chez moi je pense ! ). Je n'ai pas réussi à faire le compteur de mot en bas non plus X_x !

Je te mets ça la :

HTML:

CSS:

Salut @Avalonne !

Je suis venu te donner mes conseils relativement à ton code, je ne sais pas si tu as édité par rapport à mes commentaires sur Discord mais je vais faire un petit topo de mes considérations. Dans tous les cas, par avance, je sais que je suis un peu militaire/exhaustive dans mon approche, mais ne t'inquiète pas, c'est du très bon travail pour un premier essai de débutant ^^

Alors en premier lieu, le codage orienté Forumactif diffère un peu de ce que tu apprendras sur les sites comme Open Classrooms parce que tu dois prendre en compte les styles déjà appliqués sur un forum par défaut. Le résultat peut changer selon si ta version du forum est PhpBB2, PhpBB3, Invision, PunBB, ModernBB ou AwesomeBB. Généralement, c'est utile d'être attentif au niveau des noms de classes, des balises sémantiques de base, et des sauts de ligne.

En effet, sur Forumactif, un message posté est "converti" en HTML pour être affiché. C'est ce qui évite aux gens qui rédigent un message de devoir constamment rajouter <br> à la fin de leurs lignes par exemple. Du coup, chaque saut de ligne sera forcément converti en balise  <br> par Forumactif, ce qui veut dire que soit tu dois tout compresser, soit tu dois "commenter" tes sauts de ligne. Tu dois aussi tenir compte de certains styles CSS qui s'appliquent spécifiquement au contenu des messages.

D'un point de vue personnel, cependant, j'apprécie que tu aies bien indenté ton code proprement et je n'ai pas vu d'erreurs flagrantes de code dans le CSS ou le HTML, de ce point de vue là tu comprends déjà bien les bases.

Maintenant, pour parler plus en détail de certains aspects de ton code :

• En HTML, c'est une convention devenue quasiment obligatoire que de toujours spécifier l'attribut alt des images, pour des raisons d'accessibilité voire de référencement. Même si c'est juste "illustration", mets quelque chose pour décrire ton image.
  
• Si possible, utilise les balises de titre quand c'est pertinent, par exemple un  <h1> aurait pu aisément remplacer la classe .titrerpexo14
  
• Trop de dimensions tuent les dimensions. Un bloc prend généralement toute la largeur de son conteneur. Il est donc tout à fait possible de ne définir qu'une seule largeur principale pour le conteneur global, puis de définir les blocs restants par leurs marges par rapport au conteneur externe.
  
• De même, surtout dans le cas d'une fiche RP, évite de fixer la hauteur de celle-ci, laisse la s'agrandir selon les besoins :)
  
• Tu abuses un peu trop de flexbox, même si je comprends pourquoi tu l'as fait. Selon moi, le seul endroit où c'était nécessaire, c'est pour positionner les deux blocs côte à côte (en leur donnant à chacun la valeur flex:1; pour qu'ils fassent la même largeur), et potentiellement aligner leurs contenus respectifs. Accessoirement, la propriété flex-direction a toujours la valeur row par défaut, donc tu n'as pas besoin de la spécifier, sauf en cas d'héritage (ou de valeur différente, bien entendu)
  
• Il vaut mieux utiliser overflow:auto (combiné à une hauteur maximale) pour que la barre de défilement n'apparaisse que si on en a besoin, c'est plus joli.
  
• Mettre une bordure rouge autour du message et un fond rouge au niveau du bloc feat aurait été plus simple :p
  

Voilà, je crois que j'ai dit tout ce qui me semblait utile à mentionner. Manipuler flexbox n'est pas toujours simple, donc tu t'en sors bien pour le moment ^^ Va juste falloir apprendre à mieux doser

Eheh ! Je te remercie pour ton passage sur ma fiche ! Et je le répète, j'apprécie beaucoup ce côté direct donc ne t'excuse pas ! Je préfère ça que de la pommade !

Je prends en compte l'ensemble de tes remarques ! C'est vrai que je dois vraiment voir pour les différences entre le code pur et celui qu'on applique au forum ! On en a déjà parlé longuement donc j'ai rien à ajouter ! (Au point de s'en faire presque fouetter ! )

Je prends note de toutes les remarques, je te remercie aussi pour celle de Flex Box, effectivement je pensai que je devais l'utiliser souvent, mais si tu me dis que ça peut-être plus simple je vais me renseigner ! J'ai aussi pris en compte que je pouvais combiner le Flex Box et Position, alors que je ne pensai pas que l'on pouvait.

Encore merci pour ton analyse et le temps que tu as pris pour moi, j'essayerai d'appliquer proprement les conseils et explications que m'as donné au prochain exercice que je ferais !