intento hacer que un texto tenga color de fondo gris, le apliqué un color gris al contenedor del texto pero al transformarlo con rotate, deja de cubrir toda la página dejándome unos espacios en blanco que no me gustan para el diseño, la pregunta es: ¿Saben cómo hacer que me ocupe todo el ancho? Mil gracias, acá les dejo el código que llevo html y css,y una captura de los espacios que no quiero en blanco, ¡saludos! Olvidé mencionar que me gustaría que fuera responsivo, ¡gracias de nuevo!
/******Second header******/
.second_header{
text-align: center;
position: relative;
}
.sec_cont_text{
transform: rotate(15deg);
overflow: hidden;
}
.no_bg{
margin-left: -30%;
text-align: center;
}
.grey_background{
text-align: center;
background-color: #252525;
}
<section class="second_header">
<div class="second_header_content ">
<div class="sec_cont">
<img src="img/ipag.svg" alt="Desarrollo web">
</div>
<div class="sec_cont_text">
<h1 class="no_bg">Desarrollo</h1>
<div class="grey_background">
<h1>de paginas web</h1>
</div>
</div>
</div><!--second header content-->
</section><!--Second header-->