Used flex properties to achieve the goal. Also made use of the styles.
Design comparison
Community feedback
- @salva-itPosted 2 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-RPosted 2 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 - @NOTyuvrajPosted 2 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
Please log in to post a comment
Log in with GitHubJoin 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