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

HTML AND CSS

MANISHA SAMANTAโ€ข 50

@manishasamanta

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


I faced problems to place the elements properly. is my approach correct? or I should change the way for positioning ? And please let me know about my mistakes ๐Ÿ™๐Ÿ™๐Ÿ™. Thanks ๐Ÿ˜Š.

Community feedback

Anosha Ahmedโ€ข 9,340

@anoshaahmed

Posted

To get rid of the accessibility/HTML issues shown in your Report:

  • wrap everything in your body in <main> ... OR use semantic tags ... OR give role="" to the direct children of your <body> ... Click here to read more
  • have at least one <h1> in your code
  • start your headings with <h1>, and move up by one level each time

Great job! :)

Marked as helpful

0

MANISHA SAMANTAโ€ข 50

@manishasamanta

Posted

@anoshaahmed Thanks for your feedback๐Ÿ˜Š .

1
Dolapoโ€ข 820

@nofeesahdee

Posted

Hi Manisha, great work.

Here are a few suggestions to help improve your accessibility and HTML issues;

  • Please check your image format <img src = "./images/....> not `<.\image...>
  • Ensure to wrap your body into a <main> tag.
  • Use semantic HTML tags as much as possible to replace divs

Keep it up, it gets better.

Marked as helpful

0

MANISHA SAMANTAโ€ข 50

@manishasamanta

Posted

@nofeesahdee Thanks for your feedback๐Ÿ˜Š .

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