Design comparison
Solution retrospective
Any feedback is greatly appreciated! Some things I had difficulty with were trying to figure out how to scale the font size with the card, and centering the button to the bottom-center of the card. I managed to do it, though I'm not sure how good my code looks.
Community feedback
- @stevexeroPosted over 2 years ago
Hey Ryan...looks great!! Do you have the pro version of Frontend Mentor by any chance? In the Figma file, you can get the letter-spacing and line-height values for all of the text, it's super helpful!
For scaling the font-size, I'd use a media query. And for positioning the button, I made the position absolute with a bottom at -32px (or half the size of the button) and made sure to set the parent element at position: relative.
Hope that helps!
1@RyanFloresTTPosted over 2 years ago@steveanthony999 Ah, I knew I was forgetting something! I need to make it a habit of triple checking everything before I send it off. I don't have the Pro version, but I have been thinking about it for that very reason, I may look into it as some point. Thanks for the tip on the button!
0@stevexeroPosted over 2 years ago@RyanFloresTT Yeah absolutely! I just get the pro version for a month here and there. I'd like it for a year but $12 vs $96 lol.
1
Please log in to post a comment
Log in with GitHub
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