Bonsoir,
Alors j'ai essayé de voir avec l'inspecteur.
Pour ce qui ai de 'ton premier besoin'. J'ai d'abord enlevé les margins de ton body et de ta balise section. Puis pour la balise section j'ai rajouté un padding de 30 px à vue d’œil. A toi de voir ce que tu veux. Ça devrais résoudre le problème de la barre qui dépasse je pense. Enfin j'ai supprimé le padding top de la classe ".service.service-first".
Pour ton 'deuxième besoin', je ne vois pas trop, à part si tu mets ta section en 100% de ça hauteur.
Je te réécris le code pour mieux comprendre les changements apporté avec les deux solutions:
html, body {
height: 100%
}
section.services{
position: relative;
z-index: 5;
padding: 30px;
height: 100%;
&:before{
content: '';
display: block;
background-color: #4A9DF9;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: -1;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-moz-transform: skewY(2deg);
-ms-transform: skewY(2deg);
-webkit-transform: skewY(2deg);
transform: skewY(2deg);
height: 100%;
}
.service.service-first{
margin-bottom: 50px;
}
}
J'espère que ça t'aura aidé un petit peu dans tes recherches. ^^
lorraineS