Blog preview card

Hello @Hamza0053!

Your solution looks excellent!

I have just one suggestion for this one:

• The title is supposed to go yellow just when hovered over. You can change it's color to black and add a hover effect on it to switch colors. Just like this:

h1:hover {
   color: yellow;
   cursor: pointer;
}

I hope it helps!

Other than that, you did an excellent job!

Hello there 👋. Good job on completing the challenge !

I have some suggestions about your code that might interest you.

• For a photo of a person, use their name as the alt text.

• The width: 100% property in the body tag is not necessary. The body tag is a block element and it will take the full width of the page by default.

• Use min-height: 100vh instead of height. Setting the height to 100vh may result in the component being cut off on smaller screens, such as a mobile phone in landscape orientation.

• You should use a CSS reset. A CSS reset is a set of CSS rules that are applied to a webpage in order to remove the default styling of different browsers.

I hope you find it useful! 😄

Happy coding!