Skip to content
OverviewSolutions
9
Comments
2
EmmahNcodes
@Emmahchinonso

All comments

  • Bernardus•1,095
    @BernardusPHSubmitted over 1 year ago

    Hey

    The credit card app is actually autocompleting users credit card. How can I stop this behavior in my code. autocomplete="off" does not work?

    I want the footer to be at the bottom (im not using position this time). Im using flex to center everything and added flex-direction:column for vertical view but margin-top:auto on the footer pushes the main to the top. justfify-content:space-around/space-evenly is a no go.

    Sorry for the ugly code, im very tired and will refactor this and fix some css problems later.

    I hope you guys can help me. Thank you.

    Interactive card details form. React+Vite

    1
    EmmahNcodes•190
    @EmmahchinonsoPosted over 1 year ago

    Hey there, I'm not sure of the auto-complete issue but to push the footer to the bottom, you'll add a margin-top: auto. The reason why it pushes the main up is there is no defined space above main, you can also give the Main a margin-top: auto to resolve that issue. It's best to give a defined margin-top to Main instead of using auto tho.

    Marked as helpful
    1
  • EmmahNcodes•190
    @EmmahchinonsoPosted over 1 year ago

    UI feedback

    Hello, some issues I can pick out

    • Image looks squished, width does not match the design
    • The button on your form looks smaller than the design
    • The background image for the form section looks different than the design
    • Too much spacing between the main title and the next paragraph's text

    Overall you did a great job, well done

    0