@Sahorri
Submitted
Hello,
Someone can help me with my background. I don't understand how to make it responsive. When I resize my viewport the image disappear.
Thanks :)
@Sahorri
@Sahorri
Submitted
Hello,
Someone can help me with my background. I don't understand how to make it responsive. When I resize my viewport the image disappear.
Thanks :)
@Sahorri
Posted
I rewrited my code and I use the solution with the pseudo selector ::before and ::after
body::before, body::after {
position: absolute;
content: '';
width: 100vw; /
height: 100vh;
background-size: auto;
transform: translate(-50%, -50%);
z-index: -1;
}
body::before {
top: 0;
left: 0;
background: url("images/bg-pattern-top.svg") no-repeat bottom right;
}
body::after {
top: 100%;
left: 100%;
background: url("images/bg-pattern-bottom.svg") no-repeat top left;
}
@Sahorri
Submitted
Hello everobody,
Thank you for your feedback which I'm sure will help me to progress!
@Sahorri
Posted
I find the problem. I have to add "display:block" to my image.
@Sahorri
Submitted
Hello everobody,
Thank you for your feedback which I'm sure will help me to progress!
@Sahorri
Posted
Someone to answer to my questions ?
I had a one question, why on the desktop display, my image and my text container are not the same height? They seem to be offset, impossible to put them in front of each other even with the same height.
Thanks.