Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
I'm proud of defining typography in custom properties
--ff-main: "Red Hat Display", sans-serif;
--fw-medium: 500;
--fw-bold: 700;
--fw-black: 900;
--fs-heading: 1.375rem;
--fs-copy: .938rem;
--fs-medium: .875rem;
--fs-small: .813rem;
--copy-line-height: 1.667;
--ty-heading: var(--fw-black) var(--fs-heading) var(--ff-main);
--ty-copy: var(--fw-medium) var(--fs-copy)/var(--copy-line-height) var(--ff-main);
--ty-subscription-type: var(--fw-black) var(--fs-medium) var(--ff-main);
--ty-price: var(--fw-medium) var(--fs-medium) var(--ff-main);
--ty-change-link: var(--fw-bold) var(--fs-small) var(--ff-main);
--ty-button: var(--fw-black) var(--fs-copy) var(--ff-main);
What challenges did you encounter, and how did you overcome them?
None
What specific areas of your project would you like help with?None
Community feedback
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