Used flex properties to achieve the goal. Also made use of the styles.

Congratulations on completing this challenge

I suggest placing your CSS code in a separate file like style.css.

In your code, you can use semantic code. Instead of using generic div tags, use semantic tags like <main>, <section>,<header>, and <figure> to improve accessibility and SEO.

It’s better to use the rem unit instead of px for sizing.

It is crucial to design the project to be responsive so that it displays correctly across different platforms. It’s recommended to design the project with responsiveness in mind.

good luck

Hover Effect is not added . You have imported font but not applied it !? For easy application of font => use "@import version of google font" => then just add the font as => { font-family : "Figtree"; }