
Design comparison
SolutionDesign
Community feedback
- P@a-d14Posted about 1 month ago
- Feel the card should be in a <section> and not a <div>.
- The padding in the card changes when we move to bigger screen sizes. You should look into it.
- You should use more variables to make things easier. This is what I do -
@font-face { font-family: 'Inter Bold'; src: url('./assets/fonts/static/Inter-Bold.ttf'); } @font-face { font-family: 'Inter Regular'; src: url('./assets/fonts/static/Inter-Regular.ttf'); } :root { --grey-900: #141414; --grey-800: #1F1F1F; --grey-700: #333333; --green: #C4F82A; --white: #FFFFFF; --text-preset-1: 1.5rem/1.5 'Inter Bold', sans-serif; --text-preset-2: 0.875rem/1.5 'Inter Regular', sans-serif; --text-preset-2-bold: 0.875rem/1.5 'Inter Bold', sans-serif; --spacing-500: 2.5rem; --spacing-300: 1.5rem; --spacing-200: 1rem; --spacing-150: 0.75rem; --spacing-100: 0.5rem; --spacing-50: 0.25rem; }
Marked as helpful0
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