Comment/Recommendation

Exercise 1

• The HTML structure and CSS design are well done. The dark gray background and fuchsia text color are well applied, and the titles are correctly centered. Your index.html and styleTP.css files are well configured.

• The light gray background color on the title on hover is well implemented. The CSS code is accurate and works as expected.

• The double border and rounded corners are well done. The image is correctly resized and the CSS code is clear. The result is visible in your screenshots.

• The transition on the image on hover is well explained and well implemented. The transition delay and duration are correct. Your explanations and screenshots show the result well.

• The animation for the text with font and background color change is well done. The keyframe code is correctly used to manage the animation sequence.

Exercise 2

• The structure of the image gallery is well designed. You have correctly used HTML5 tags and CSS3 styles to create a clean and functional layout.

• The addition of the shadow effect is well executed. The visual effect is successful and the code is well explained.

• The rotation of the images is well implemented using the CSS3 pseudo-class and the nth-child selector. The code examples are clear and the result is visible in your screenshots.

• The animation for the smooth enlargement is well implemented. The code is precise and the effect is well done. The videos on your YouTube channel are a great addition to show the results dynamically.

Your explanation of the concepts is clear and your code examples are well documented.

Total| 9/10