problème de décalage de article2 du tp :Apprenez à créer votre site web avec HTML et CSS3

[siham]

Bonjour,
Je tiens tout d'abord à remercier votre site dialectuto.com pour sa richesse..
Alors voilà après 3jr que je cherche une solution pour ce petit problème que je n'arrive pas à résoudre,je m'adresse à vous.
j'ai fait presque un copier-coller de la solution proposée du Tp :Apprenez à créer votre site web avec HTML et CSS3  et je ne comprends pas pourquoi l'article2 est décalée par rapport au premier article (resultat1) 
Meme si je fais un margin-top :0; (alors que sur la vidéo j'ai vu que ce n'est pas obligatoire de le mettre);l'affichage reste le même,et si j'applique une valeur négative sur ce margin-top les div de l'article 2 se mélangent 
Voici ci joint capture de html et css sur la partie concernée. et également capture du résultat
Merci pour votre aide d'avance

[dialectuto]

Salam
dans la ligne 135 du code css je vois que tu as appliqué une hauteur de 500px… essaies par éliminer ou réduire la hauteur juste pour tester…
pour t’aider le mieux est que tu mets le TP en pièce jointe ici dans le forum ou bien tu partages ton code html-css  dans un site de partage de code genre :
https://jsfiddle.net/
Ou
https://c9.io/

bonne continuation.