Skip to content
OverviewSolutions
2
Comments
1
Lasse Holm Nielsen
@Kanonkongen-dk

All comments

  • Vatsal Singh•240
    @vatsalsinghkvSubmitted over 3 years ago

    I was facing some problems.

    picture::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: var(--soft-violet);
    mix-blend-mode: multiply;
    width: 100%;
    height: 446px;
}

    In this ::before selector, initially i made height = 100%, But I was getting image size (height) less than the picture tag, I couldn't figure out why, so I made height of the ::before equal to the height of the image.

    Can anyone help me why I was having that height of image & picture tag problem?

    Html & CSS using flexbox and picture tag

    2
    Lasse Holm Nielsen•20
    @Kanonkongen-dkPosted over 3 years ago

    Hi Vatsal,

    instead of setting a height and width, try this.

    right: 0;

    bottom: 0;

    That worked for me.

    Best regards Lasse

    0