Comment/Recommendation

• Your 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.

• 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 transition on the hover image is well explained and well implemented. The transition time and duration are correct.

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

• The alignment change in the last title is well done. The use of keyframes to move the title from right to center then left is well implemented.

Task 02: Image Gallery

• 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.

• Adding margins, image width and captions is well done. The white background and the drop shadow are well done. The caption text is clear and the font size is well chosen.

• Even and odd image rotation is well implemented. The degrees of rotation are correct and the visual effect is successful.

• The zoom effect when hovering over images is well done. The CSS code for zooming and straightening images is well written.

• The final gallery layout is clean and well structured. The screenshots clearly show the end result.

Your explanation of concepts is excellent and your code examples are well documented. Good job and keep it up!

Total| 9/10