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

Community feedback

• 

  Salva•260

  @salva-itPosted 3 months ago

  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

  0

  ---

  

  Vaibhav-Kumar-K-R•50

  @Vaibhav-Kumar-K-RPosted 3 months ago

  @salva-it Thanks for the suggestions,will definitely consider these suggestions. Isn't my project responsive?I had checked it in both mobile and desktop screens before submitting

  0
• 

  NOTyuvraj•30

  @NOTyuvrajPosted 3 months ago

  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"; }

  0