Skip to content
OverviewSolutions
13
Comments
2
John
@jonn-coder

All comments

  • John•240
    @jonn-coderPosted 22 days ago

    I have a little suggestion on the user image, look like the image looks shrinking on the vertical-axis. To solve this, define the image in CSS file adding properties width: your-width; height: auto;. Example below:

    img { width: 100px; height: auto; }

    I hope this will help, Happy Coding.

    Marked as helpful
    0
  • Blessing Akanimoh James•210
    @JahsbabySubmitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    this is my first solution ever, i'm proud of myself.

    What challenges did you encounter, and how did you overcome them?

    i do not know how to copy a font weight from google fonts, I really battled with it. i read docs and it helped.

    order-summary-component

    #accessibility#styled-components#itcss
    2
    John•240
    @jonn-coderPosted 3 months ago

    @Blessing, Congrats on the completion of the project. It look pretty good.

    Anyway i have a little suggestion which might help.

    Instead of this:

    .container {

    position: absolute;

left: 50%;

top: 50%;

transform: translate(-50%, -50%);

    }

    In css, this can be used to center the card in both axis:

    body {

    display: grid; 

place-items: center;

    }

    Happy Coding 😊

    Marked as helpful
    1