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

Responsive using flex

Aviralā€¢ 160

@Akunamo

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


All feedback is Welcome

Community feedback

Shashree Samuelā€¢ 9,260

@shashreesamuel

Posted

Hey good job completing this challenge

Keep up the good work

Your solution looks great however I think that the area that gives information on the plan needs to have a background color specified in the style-guide.md file. Secondly the button needs a bit of padding on the left and right.

In terms of accessibility issues simply wrap all your content between main tags

I hope this helps

Cheers Happy coding šŸ‘

Marked as helpful

0

Aviralā€¢ 160

@Akunamo

Posted

@TheCoderGuru tThanx for the advice

I really need all the advice i can get because i am beginner, you are the first guy who replied on my solution, oh and the padding for the buttons messed up because i am a newbie with this site and github and so when i was updating my solution on github i think i made a mistake there.

oh and I am not really familier with "accessebiliy", I will check it on Internet (i am not native english)

I would love to get some tips like these to learn some good css practices. I really appreciate your feedback.

0
Shashree Samuelā€¢ 9,260

@shashreesamuel

Posted

Akunamo, here is an article on semantic tags by MDN and the css documentation which will tell you a lot about css in addition to teaching the css building blocks

I hope this helps

Cheers Happy coding šŸ‘

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