Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Order_Summary-Component-Main using html and CSs

Aye Thandar• 20

@10598ayethandar

Desktop design screenshot for the Order summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

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

MakMao• 180

@MakMao

Posted

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 helpful

0

Aye Thandar• 20

@10598ayethandar

Posted

@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
seekinfox• 560

@seekinfox

Posted

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 helpful

0

Aye Thandar• 20

@10598ayethandar

Posted

@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 GitHub
Discord logo

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