Website resizes locally but not on server

1

Hey guys, I managed to have the website resize depending on width, however when I upload it into my server, it wont work.

Picture shows both the local and website

resizing.png811×707 48.8 KB

this is the code

@media(max-width: 990px){
	
 	.jumbotron img{
 		width:80%;
}
 	.jumbotron video{
 		display: none;
 	
 	}
@media(min-width: 200px) and (max-width:780px ){
	
 	.jumbotron img{
 		width:180%;
	}
	
	.jumbotron #Tag-Line{
		font-size: 25px;

	}

	#aboutme h1{
		font-size: 20px;
	}
 	
 	#aboutme img{
 		display: none;
 	}

 	#skills p{
 		font-size: 16px;
 	}
 	}
2

it’s just an idea, but have tried to erase cookies and temporal files ??? (Ctrl+F5 in chrome)

3

Have you pushed the Bootstrap files to the server and correctly referenced them from your file? If it’s not a production-level project, you might consider referencing a CDN for bootstrap.

4

This is where the problem lied, I copied the files to the server ignoring the hidden files, this was apparently causing the issue.

would you be kind enough to let me know if it resizes correctly by elimatining the video from the Jumbotron.
www.devdotlog.com

5

Sorry, I don’t check back often enough :). Yes, it works.