Design comparison
Solution retrospective
Was able to bring it close to the desired goal design.
What challenges did you encounter, and how did you overcome them?I found dealing with flex boxes difficult.
What specific areas of your project would you like help with?Flex boxes
Community feedback
- @DivadovitchPosted 7 months ago
Hello, checking in your HTML, I think you can use one less div, I don't think the
inner-container
is necessary, you can put all the css of theinner-container
on thecard
. On your CSS you can place thefont-family
on thebody
so all text hace the same font at once. If you use colors more than once, don't hesitate to create a variable ex:--background-color: hsl(47, 88%, 63%);
than you can refere to it withvar (--background-color)
. For the<p>
in thebutton-like
you can usedisplay:inline-block;
to better control the width and height and with it you dont have to useflex-start
I think. There is an article about flexbox on css-tricks that your can read if you like.Nice job
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