used HTML and CSS for this project, and also made it responsive
Design comparison
Solution retrospective
I am so happy to know about Frontend Mentor and it's a great achievement to build this project in just a day and by this, its improve my HTML and CSS skills and i hope to do better next time
What challenges did you encounter, and how did you overcome them?i literally forgot some positioning in CSS so I had to use chatGPT as an assistance guild which helped me and I now understood positioning in CSS better
What specific areas of your project would you like help with?My grocery landing page
Community feedback
- @iliAsgharPosted 8 months ago
GoodJob! ā
š i like your choice of tweaking the design files to match your profile! :D
some small notes on your code :
-
i noticed you didn't declare any
font-faces in your CSS . Declaring font-faces ensures that even if the user doesn't have the desired font family , it loads it for them. (for me your buttons don't have a font family ; and i noticed you didn't actually declare any font family for them in your CSS. it might have been because of a default font on your browser that confused you) . . you can read aboutfont-faces Here . -
Defining specific Class names for your elements helps you to get a better understanding of the layout and prevents any specificity problems in the future . i recommend sticking with a set Naming Convention like BEM . (p.s: I just noticed you did use BEM naming to name most of your classes, but i think the whole point of BEM is to not have any floating classes that don't fit into BEM)
That's all! . i hope you're having a great time, and
Happy coding! š¤š
0 -
Please log in to post a comment
Log in with GitHub
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