Skip to content
Submitted about 3 years ago

Responsive card using pure css

vue, vuetify
Mawira•70
@RodgersX
A solution to the Advice generator app challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

  • How do I align the button for both desktop and mobile view?
Code

Please log in to post a comment

Log in

Community feedback

  • Pablo Montoya Varela•300
    @PaliTriesToDesign

    Hello!

    Try adding position: relative to your advice-card div. Then, you could adjust your refresh-btn with the bottom: property but most important (I think), try this with your right: or left: property: right: 50%; transform: translateX(50%);.

    This should center your button horizontally relative to your card.

    Marked as helpful

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