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

created a responsive order summary component project using

Eng walaa 190

@engwalaahamad

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

P

@tarasis

Posted

Well done on completing the challenge, unfortunately it looks like the deploy to a site hasn't worked.

Glancing at the CSS, my main comment would be to approach the design mobile first. That way you aren't duplicating a bunch of the CSS for mobile and desktop versions.

Also a little confusing that in the desktop version you just use h1 and p to style the .info section, but in the mobile version you use .info h1 and .info p, and section .price in desktop and .plan .price in the mobile version.

Aim to be consistent, otherwise it could be confusing for someone else who has to maintain your code.

Best wishes for your next challenge.

0

Eng walaa 190

@engwalaahamad

Posted

@tarasis Your comment helped me, thank you very much

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