Border-right sendo interrompido

[TequilAxBr]

Heey, me ajudem por favor?

 

Estou tendo um problema com o border-right, veja o problema: http://prntscr.com/h6hqkr

 

Código da section newsletter(section responsável por essa parte meio azul/preto):

 

 

/* NEWSLETTER */
.newsletter {float: left; position: relative; width: 100%; background-color: #0C1C26;}
.newsletter h2 {color: #fff; font-weight: bold; font-size: 1.3em; text-align: center; padding: 10px;}
.newsletter p {color: #fff; font-size: 1em; padding: 0 5% 5% 10%; text-align: justify;}
.sobre, .vago{float: left; width: 30%; border-right: dashed 1px #f5f5f5 !important;;}
.contato {float: left; width: 30%;}
.contato a {color: #fff}
.btn-facebook:hover {transition: all 0.4s ease-in; color:#3B5998;}
.btn-twitter:hover {transition: all 0.4s ease-in; color:#54A4D6;}
.btn-youtube:hover {transition: all 0.4s ease-in; color:#D71E17;}

 

 

 

Código HTML:

 

 

	<section class="newsletter">
		<div class="sobre">
			<h2><i class="fa fa-share"></i> Sobre </h2>
			<p>O Hypixel é um servidor focado em MiniGames, constantemente trazendo novidades ao rumo do Minecraft. Nosso servidor está online a mais de 5 anos, isso garante que nós não iremos fechar as portas da noite pro dia, podemos garantir uma jogatina da melhor qualidade possível!</p>
		</div>
		<div class="vago">
			<h2><i class="fa fa-share"></i> Alguma coisa </h2>
			<p>Lorem ipsum dolor sit amet, ut ullum disputationi pro, decore populo vocent nam an. Et his simul nonumy soluta. Ex mei semper viderer, sea ne unum affert. Eu eam dissentiunt accommodare, sit hinc mucius integre at, id mel quod habemus assueverit.</p>
		</div>
		<div class="contato">
			<h2><i class="fa fa-share"></i> Contato </h2>
			<a href="https://www.facebook.com/" target="_blank" class="btn-facebook"> <i class="fa fa-facebook fa-lg"></i> Facebook </a> <br>
			<a href="https://www.twitter.com/" target="_blank" class="btn-twitter"> <i class="fa fa-twitter fa-lg"></i> Twitter </a> <br>
			<a href="https://www.youtube.com/" target="_blank" class="btn-youtube"> <i class="fa fa-youtube-play"></i> YouTube </a> <br>
		</div>
	</section> 

 

 

 

Código completo, arquivo HTML: https://pastebin.com/Hv0SVBTG

Código completo, arquivo CSS: https://pastebin.com/BZPVxU6j

 

Tenho suspeita de ser a resolução que estou abrindo, pois um colega abriu o site na resolução 945 x 825 ficou certinho, mas depois ele mudou para full hd e deu o mesmo erro da minha screenshot.

 

Screenshot dele: http://prntscr.com/h6hu5z

 

@Edit:

Problema resolvido!

Editado Novembro 5, 2017 por TequilAxBr

[Pica-Pau]

Tenta inspecionar elemento, coloca o mouse por cima do elemento/tag dele e ver se tem paginação pra baixo, tenta colocar o "heigth" pra 100%

Sua dúvida foi marcada como [Resolvido] e movido à área de dúvidas resolvidas.


Atenciosamente,
Gamer's Board