Order Summary Card

Solution retrospective
I don't know how to write "Challenge by Frontend Mentor..." outside the white section. Can anyone help me? I'd be happy to have some feedback ;) happy coding
Please log in to post a comment
Log in with GitHubCommunity feedback
- @denielden
Hi Rizkyani, good job!
You can change
footer
withp
and use this property:position: absolute; bottom: 0;
I had a look at your solution and I have a few suggestions for you:
- Try use Flexbox for center the card, read here -> flex guide
- set
heigth
of body to100vh
because Flexbox aligns to the size of the parent container. - remove all
margin
fromarticle
- try to adding a little
transition
on the element with hover effect ;)
Hope this help ;)
- @FluffyKas
Heyo, you wrapped everything inside the
article
element,footer
included. Just place yourfooter
outside of it!Also, decide whether you would like to use a button or an
a
, you can't nest them in each other. :)The rest looks pretty good! If you feel a bit comfortable with CSS, you could consider looking up relative units (em, rem, etc) that you could use instead of px.
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