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
Request path contains unescaped characters
Not Found

Submitted

Semantic html using Bem and flex

A. Emmanuelโ€ข 250

@asamoahe3

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


On this challenge, I found it difficult in making things responsive on mobile devices. Any suggestions on how to learn much on responsive design will be appreciated.

Community feedback

darryncodesโ€ข 6,410

@darryncodes

Posted

Hi A. Emmanuel,

Great design - pretty much a perfect match!

Consider using relative units instead of absolute units for responsive design. I can see you have used rem in places, you'll need to change the root font-size with media queries to see the magic happen. Here is some information to get you started:

Marked as helpful

1

A. Emmanuelโ€ข 250

@asamoahe3

Posted

@darryncodes , very much grateful with this suggestion. Thanks

0

Account Deleted

You can check out this free course from Freecode camp it'll get you up to speed with everything html and css.

Your solution looks good btw.

Keep coding๐Ÿ‘.

Marked as helpful

1

A. Emmanuelโ€ข 250

@asamoahe3

Posted

@thulanigamtee , Thanks.. I will surely check on that

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