Order_Summary-Component-Main using html and CSs
Design comparison
Solution retrospective
This is my first project using html and Css.I really need feedback for my very first challenge.Please teach me and tell my mistakes to rise my front end developer skill.I decide to continue learning in front end development.My html and Css code are old because I learn html and css by myself using website and course.I continue learning in javascript, bootstrap and jQuery.So I really need feedbacks for my first time challenges.Thanks you all.
Community feedback
- @MakMaoPosted about 3 years ago
Hi, your end result looks okay so that's a win for sure:)
In terms of your way of writing code, I think it's a bit messy. I think it would be best for you to learn about BEM (Block-Element-Modifier) in order to structure your code better. This is especially handy when working on bigger projects. You will also learn about why it's better (in most cases, let's leave out JS usage for now) to use classes instead of id's.
https://sparkbox.com/foundry/bem_by_example
Good luck!
Marked as helpful0@10598ayethandarPosted about 3 years ago@MakMao Thanks you so much of your feedback.I really appreciate it.I promise to learn about BEM(Block-Element-Modifier).I will use classes instead of id's for next projects.
0 - @seekinfoxPosted about 3 years ago
It's cool that you finished your first challenge.
You have used internal css
Now take it to the next level by using external css. Create a new file
style.css
and put all your css in there.- Search how to link them to your html.
Since you are a beginner, after you are comfortable with using html
learn semantic html, it's just some additional tags. You can search them and add them in your practice.
And do more smaller projects..
Marked as helpful0@10598ayethandarPosted about 3 years ago@seekinfox Thanks you very much for your advice.I really appreciate it.I will try to use external css.
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