Skip to content
Submitted over 3 years ago

Responsive flexBox

kabeer Akanni•130
@kabeer-prog
A solution to the Pricing component with toggle challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I would really like feedback as the button get spilted into two row at 1000px

Code

Please log in to post a comment

Log in

Community feedback

  • Roy Springer•20
    @rcspringer

    Hi Kabeer! Nice job on the design. To answer your question on why the button is split in two is because of the default style of the <a> element. 2 ways to solve this:

    1. Use a button instead of a <a>
    2. add display: inline-block to the style of the <a> (The rest of the styling should be adjusted because this will also break some CSS)
    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