Design comparison
Solution retrospective
Getting more comfortable with looking stuff up.
What challenges did you encounter, and how did you overcome them?Looked up hover and focus on MDN.
What specific areas of your project would you like help with?open for any suggestions
Community feedback
- @Mirjax2000Posted 8 months ago
Hello. Here i saw some problems. Font is not like in the design.You wrote in css font-family:figtree but you did not import them to the server. You can import or link it from google fonts. It is simple think, very easy.
there is no mobile version.
your HTML structure is weird, i cant see parrents and children of the elements. later on it will make you trouble to orient in the structure.It will work yes, but its harder to read.
in css dont use IDs on simple elements, just use class names. IDs are for Form elements and later on for javascript to better target elements. IDs can be only one to be used. You can use it only one with same name.And has biggest specificity. So if you use IDs at the top to write some css atribut and later for example somwhere on mediaqueris you will target it with class only, the ID value has higher specificity then class value and no change will happen.
dont use fixed values in pixels. And what is worst use fixed value for Font-size. Use em,rem, or percentage to make responsive and dynamic. If you declare font-size:24px it wil be 24px all the time even for people who change font size in their webbrowser to higher or smaller, coz they need bigger letters and you lock it to fixed size.
Rest is all right be me. Keep continue. Good work.
Marked as helpful0
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