Order summary component challenge, using HTML/CSS3
Design comparison
Community feedback
- @joseale17Posted about 3 years ago
wooow excellent job !!!
How did you achieve the same size of the design?
I tried many times with the size but I did not find the same
2 - @christianmuPosted about 3 years ago
I set all values as rems to their parent-selector HTML.
Inside the HTML-selector I changed the font-size value to 62.5% so the browser's usual default setting of 16px is set to 10px. This is just for convenience, so I can calculate 1 to 10 (1 pixel is equivalent to 0.1 rem).
Hence rems only relate to their root-element (HTML) the ratio of sizes always stays the same.
The exact origin-values I took out of the Figma-files and transferred them as described above.
Did this help you?
0@joseale17Posted about 3 years ago@christianmu Of course it did help me, thank you very much for answering!
0
Please log in to post a comment
Log in with GitHubJoin 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