Img при @media запросе не слушается?

Question

[Spawnkid1987]

Привет ребята
нужна помощь при медия запросе.
www.efs-lisbon.com португальский startup.
При подгоне под мобильные устройства первое изображение никак не растянется на 100%.
W100% не работает. Помогите найти причину непутёвому недоверстальщику :)))
media.css подключил правильно уже проверил
-------HTML code-------



Descubra a melhor maneira de abastecer!
Entrega de combustivel movel

Saiba
mais!







------------CSS code-----------

.text__section-one {
margin-top: 20px;
float: left;
z-index: 1;
position: absolute;
margin-left: 70px;
}
.text__section-one h2{
margin: 0px;
padding: 0px;
font-size: 30px;
font-weight: 100;
letter-spacing: 5px;
}
.text__section-one h1{
margin: 0px;
padding: 0px;
font-size: 50px;
font-weight: 900;
letter-spacing: 5px;
}

.button {
margin-top: 35px;
background-color: #ff5722;
padding: 10px;
width: 30%;
border-radius: 15px;
text-align: center;
align-items: flex-end;
box-shadow: 0 0 5px 10px #ff5722;
}
.button a{
color: #f5f5f6;
font-size: 20px;
}

.img__section-one {
width: 80%;
position: relative;
float: right;
margin-right: 15px;
}
.img__section-one img{
width: 100%;
position: relative;
margin-top: 70px;
z-index: -1;
float: right;

Comments

[Михаил]

код нормально предоставьте

[Spawnkid1987]

Михаил, I hope then is it enough

<div class="conteiner">
		<div class="full__info-section1 clearfix">
			<div class="text__section-one">
				<h2>Descubra a melhor maneira de abastecer!</h2>
				<h1>Entrega de combustivel movel</h1>
				<div class="button">
					<a
						href="https://docs.google.com/forms/d/e/1FAIpQLSdy7ooCliuGdfzKFzFgVD6GpR1PUDztNiN4seBAeqWdSDf5pw/viewform">Saiba
						mais!</a>
				</div>
			</div>
			<div class="img__section-one clearfix">
				<img src="img/ArteFinal_AFS_enviar/IMAGE_B.png" alt="car">
			</div>
		</div>
	</div>

.text__section-one {
	margin-top: 20px;
	float: left;
	z-index: 1;
	position: absolute;
	margin-left: 70px;
}
.text__section-one h2{
	margin: 0px;
	padding: 0px;
	font-size: 30px;
	font-weight: 100;
	letter-spacing: 5px;
}
.text__section-one h1{
	margin: 0px;
	padding: 0px;
	font-size: 50px;
	font-weight: 900;
	letter-spacing: 5px;
}

.button {
	margin-top: 35px;
	background-color: #ff5722;
	padding: 10px;
	width: 30%;
	border-radius: 15px;
	text-align: center;
	align-items: flex-end;
	box-shadow: 0 0 5px 10px #ff5722;
}
.button a{
	color: #f5f5f6;
	font-size: 20px;
}

.img__section-one {
	width: 80%;
	position: relative;
	float: right;
	margin-right: 15px;
}
.img__section-one img{
	width: 100%;
	position: relative;
	margin-top: 70px;
	z-index: -1;
	float: right;
}