Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All comments

  • Eseoghene 550

    @EseAlli

    Posted

    Hey Clement, awesome work. To center the component in the middle of the page, you can use flex like this:

    body{
        min-height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center
    }
    
    0
  • Eseoghene 550

    @EseAlli

    Posted

    Great job Facundo, you can change and make the text look like the guide by setting a font size the h1 tag.

    .container h1{
     font-size: 1.5rem;
    }
    

    Marked as helpful

    0
  • @ssembatya-dennis

    Submitted

    Hello everyone 👋🏽 During Development I successfully failed to style my accordion card to ensure that content doesn't overflow outside the card when the details tag is opened and am still not sure how to approach this problem.

    I'm also not certain how to implement this card with plain JS and I will be glad if you have a look into my solution and inform me how to improve my code. Thanks everyone...

    Eseoghene 550

    @EseAlli

    Posted

    Hey Ssembatya, the overflow problem you are having is because of the height you set on your accordion card. Instead of using height, try adding padding to your card.

    Marked as helpful

    1
  • pradeep 30

    @pradeep0712

    Submitted

    how can i improve this further? how to make it as responsive btw?

    Eseoghene 550

    @EseAlli

    Posted

    Hi, awesome work. Here are some things I think you can add to your solution

    • try adding font-weight to these texts - Annual Price, Change, Proceed to Payment, and Cancel
    • Change the color of some of the text to match that od the design.
    1