Skip to content
OverviewSolutions
38
Comments
4

Maca

@Maacaa0CZ630 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

  • Maca•630
    @Maacaa0

    Hey Devesh shukla,

    for the right background panel (.bgCardRight) i suggest using ->

    .bgCardRight {
position: fixed;
right: -10rem;
bottom: 0;
}

    using margin to position this panel is not ideal.

    I just finished same challenge so u can check it out.

    Iam open for your feedback aswell :)

  • Maca•630
    @Maacaa0

    Hey Henni,

    .capa {
    width: 100%;
    height: 100%;
    background: url(/images/icon-view.svg),var(--CyanT);
    background-repeat: no-repeat;
    background-position: center center;
    visibility: hidden;
}

    I believe there is an extra slash “/” at the start in path to the eye icon.

    It might help you solve the issue.

    Also you might add this to your body element to center your card vertically and horizontally.

    display:flex;
justify-content:center;
align-items:center;
min-height: 100vh;

    Good job though. Keep it up.

    Marked as helpful
  • Maca•630
    @Maacaa0

    Hello,

    To answer your first question. I use browser extension called perfectpixel. Which let you put the design image overlay over the page you are creating. It helps you see how accurate you are with your project.

    Hope I helped 😁

    Good work, keep it up.

    Marked as helpful
  • Maca•630
    @Maacaa0

    Not sure why the heading is a bit off in the screenshot. When I open the page, everything is ok.