Background-image for a flex-container

I am trying to set a background image for a flex-container. However, it doesn't seem to appear. Does anyone know why? Thanks.

css:

.sidebar { 
            display: flex;
            height: 710px;
            width: 30%;
            flex-flow: column wrap;
            align-content: center; 
            font-family: 'OpenSans, OpenSans-Regular';
            background-image: url("/images/IMAGE2.png");
            background-position: center; 
            background-repeat: no-repeat;
            background-size: cover; 
}

I don't see any error, as I've compared it to online examples. There is a background colour to the body, but it doesn't seem to affect other images.



from Recent Questions - Stack Overflow https://ift.tt/2ED6hjE
https://ift.tt/eA8V8J

Comments

Popular posts from this blog

Spring Elasticsearch Operations

Network Error and Timeout on Authorize.net JS

Object oriented programming concepts (OOPs)