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 order summary component (HTML , CSS)

@Aryan-ki-codepanti

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


Was I able to accurately replicate UI and active states?

Any suggestions for future challenges?

Community feedback

MikevPeeren 2,100

@MikevPeeren

Posted

Hey @Aryan-ki-codepanti,

Good job.

I have some pointers tho:

  • There is a white line that is shown around the image this is because the image does not use the full width.
  • Your component is responsive on most devices however on 320px the component is squished together.
  • For 375px and 320px the footer text is also overlapping
  • Some transitions would be nice for the hover effects.

Marked as helpful

1

@Aryan-ki-codepanti

Posted

@MikevPeeren Thanks bro . I am going to make corrections as per your suggestions 😀

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