Skip to content
OverviewSolutions
11
Comments
17

Ayush Nath

@Beats-AyushIndia360 points

Love FrontEnd.

Latest solutions

View more solutions

Latest comments

  • Ayush Nath•360
    @Beats-Ayush

    Nice job completing this challenge. There are some places where you could improve -

    • The hover state isn't persisting on the normal buttons.
    • Also upon selecting the bill and tip percentage, the error for the number of people is automatically coming up even though I haven't touched the input yet.

    You can have a look at my attempt to see what I meant.

    Marked as helpful
  • Ayush Nath•360
    @Beats-Ayush
    1. You can center the card by
    • Using margin: 2.5rem auto;. This is shorthand. 2.5rem is the margin-top and margin-bottom.
    • Using absolute positioning.
    position: absolute;
left:50%;
transform: translateX(-50%);
    1. I think the footnote is fine its place. No such biggie. If you don't want it wrapping, give it a min-width.

    Search on stackOverflow and MDN for these queries. They have explanations in great detail.

    Marked as helpful
  • Ayush Nath•360
    @Beats-Ayush

    Great job completing this challenge. JS looks good to me. Some issues with the css-

    • You can use multiple backgrounds with css.
    • You can cut the overlapping box-shadow using clip-path.

    Hope this helps.

    Marked as helpful
  • Ayush Nath•360
    @Beats-Ayush

    Great job completing the challenge. Some issues -

    • border-radius is missing at some places.
    • Use background: no-repeat and background-size: cover to avoid repetition of background-image.
    • Try to make it a bit more responsive using media-queries.
    • JS has some flaws. When I choose some reward and submit my pledge, the modal-overlay comes up again.
    • Pledge with no reward doesn't have a pledge and continue button placed there.
    Marked as helpful
  • Ayush Nath•360
    @Beats-Ayush

    Nice job completing this challenge. Some issues:

    • Background-color of body is missing.
    • The text is the buttons is leaning towards the top. You can fix that by display: flex; align-items: center;.
  • Ayush Nath•360
    @Beats-Ayush

    Damn like so many HTML Errors.

View more comments