Design comparison
Community feedback
- @RichardTagoePosted about 2 months ago
what does part of your code mean :root { --White: hsl(0, 0%, 100%);
--Stone-100: hsl(30, 54%, 90%); --Stone-150: hsl(30, 18%, 87%); --Stone-600: hsl(30, 10%, 34%); --Stone-900: hsl(24, 5%, 18%);
--Brown-800: hsl(14, 45%, 36%);
--Rose-800: hsl(332, 51%, 32%); --Rose-50: hsl(330, 100%, 98%);
}
@font-face { font-family: 'Young Serif'; src: url(./assets/fonts/young-serif/YoungSerif-Regular.ttf); } @font-face { font-family: 'Outfit'; src: url(assets/fonts/outfit/Outfit-VariableFont_wght.ttf); } @font-face { font-family: 'OutfitBold'; src: url(./assets/fonts/outfit/static/Outfit-Regular.ttf); } @font face
0@Hossein-H-IPosted about 2 months ago@RichardTagoe HI this is Root that can create some CSS variable, so you don't you don't have to write the color code. you can do some research about 'Root in CSS'.
'@font-face' This is the way I call my fonts in CSS. you can also do research about 'How to set your font in CSS?'.
anything else?
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