Skip to content
OverviewSolutions
8
Comments
4

Parvez785

@Parvez785180 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

View more solutions

Latest comments

  • Parvez785•180
    @Parvez785

    To center the card vertically Use below properties on body or container you are using

    display: flex
justify-content:center;
align-items:center;
height:100vh
  • Parvez785•180
    @Parvez785

    Instead of using margin-top and bottom on body.container use below code

    display: flex;
justify-content: center;
align-items: center;
height: 100vh;
    Marked as helpful
  • Parvez785•180
    @Parvez785

    Hey, there congrats on completing challenge,the image is not properly positioned use /background-size: contain;/ to match background image position also u have not used background-color for body as below background-color: hsl(225, 100%, 94%); make above changes to match the design

    Happy coding ! and great work done

    Marked as helpful
  • Parvez785•180
    @Parvez785

    Hey, there congrats on completing challenge , You can try adding font fraunces in HTML markup in head.

    <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Fraunces:wght@500&display=swap" rel="stylesheet">

    Also you design is not responsive for mobile version, and remove black border displaying around button.

    Let me know if this was helpful

    Marked as helpful