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 challange

Thu Reinโ€ข 100

@ThuReinMinHtun

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


What are you most proud of, and what would you do differently next time?

this time i can complete easily without any difficult

What challenges did you encounter, and how did you overcome them?

this time is N/A

What specific areas of your project would you like help with?

any suggestion would be help

Community feedback

P
Koda๐Ÿ‘นโ€ข 3,810

@kodan96

Posted

hi there! ๐Ÿ‘‹

Couple of tips โ˜๏ธ

HTML: ๐Ÿฆด

  • all content within the body tag should be contained by landmarks. these landmarks are the header, main and footer HTML tags. for projects like this use at least a <main> tag

  • all HTML document should have an h1 tag (one and only one)

CSS: ๐Ÿ–Œ๏ธ

  • use min-height instead of height on the body when centering your content using Flexbox on the body. applying width to it also not necessary, it takes up 100% of the viewport width by default

  • don't use hard-coded values (pixels), use relative units. using pixels makes it more difficult to achieve responsiveness, use rem, em, vw, %, dvh, ch etc. there's a sh*t ton of them, you can learn the basics of them and you are good to go

Hope this was helpful ๐Ÿ™

Good luck and happy coding! ๐Ÿ™Œ

Marked as helpful

1

Thu Reinโ€ข 100

@ThuReinMinHtun

Posted

@kodan96 thank you for the feedback and I will try to improve ๐Ÿ˜

1

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