Please comment on this work... how the codes were structured , method used in styling and the naming convention. please comment and give advice on how to improve
Khoi Hoang
@KoichaDevAll comments
- @abdulsalamcodesSubmitted over 4 years ago@KoichaDevPosted over 4 years ago
Hey! Pretty cool website!
I would suggest you to:
-
split your CSS to an external file to give a better readability
-
Try to use BEM convention. Not just you are going to code, but someone else can read your code and easier to understand better what all of your class names is
-
box-sizing: border-box; on the universal selection of your CSS on your CSS. This will reset all of the padding and margin on the box model. Not all of the browser has equal consistent margin, padding and display value, such as inline, block or inline-block.
-
If you can, try to adapt SCSS 7-1 folder structure. Give it also a variable name for your font and colors. It will keep the code DRY (Don't repeat yourself). Try to write it on Vanilla CSS instead.
Overall, I think it's a pretty good job you have done. You could fix a bit of the styling design as @adarshcodes mentioned!
Keep rocking!
1 -