
Used flex properties to achieve the goal. Also made use of the styles.
Design comparison
Please log in to post a comment
Log in with GitHubCommunity feedback
- @salva-it
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
- @NOTyuvraj
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"; }
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord