Excellent work! The position of the split images look good, I just would make the images a little bit smaller. I share you my css so you can see how I made it myself: #people-right{ display: none; @media screen and (min-width: 1200px){ display: inline; position: absolute; right: 0; bottom: 0; max-height: 30.3rem; width: auto; }
}
#people-left{
display: none;
@media screen and (min-width: 1200px){
display: inline;
position: absolute;
left: -2rem;
top: 0;
height: 30.3rem;
width: auto;
}
}
In the central images I would use a gap of 32px between them.
To apply a overlay in the footer I used this, maybe it can help:
&::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #4D96A9; opacity: 0.8; z-index: 2; }
Cheers!
Marked as helpful
0
