Design comparison
SolutionDesign
Community feedback
- @jmarsicPosted 8 months ago
Hello, you did very well, although according to your HTML and CSS there are few things that should be changed:
- Inside HTML you used internal styling for fonts and also external styling for all other styles. Better approach would be to use
link
tags (in html head) for fonts or inside external stylesheet.css with @import rule at the top of the file - Inside HTML body element first
div class="container"
should bemain
element because that container is main thing on the page - There is no point of using id on the
img
element. Otherwise you should avoid id's because of simplifying things and id's specificity that we need to keep in mind if we use them - This is small challenge but in the future the best approach would be to add classes to all elements that you will need to style
- Inside CSS try to match styles form the top to the bottom of the HTML classes (not in alphabetical order)
- Always double check readability of code (CSS - 11 line) and use auto-format (left shift + alt + F)
font-family
(and font size) is best to set onbody
element- According to preview
height
of component andfont-size
should bi smaller - According to preview
margines
,paddings
andborder-radius
should be little bigger
I hope this guidelines will help you in the future. Kind regards, Jake
Marked as helpful1@akimarqPosted 8 months ago@jmarsic Thanks the help, Jake, I'll keep all of these in mind for my future projects. Thank you very much!
0 - Inside HTML you used internal styling for fonts and also external styling for all other styles. Better approach would be to use
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