• Locked
No replies
Fri, 2018-04-13 15:57
pugs
pugs's picture
Offline
newbie
Last seen: 5 years 6 weeks ago
Timezone: GMT-6
Joined: 2018-04-13
Posts: 1
Points: 2

im trying to modify some css if my screen size is smaller than 600px. on my mobile samsung 3s and iphone 5 it doesnt run the media screen code
my html has

	  <meta name="viewport" content="width=device-width, initial-scale=1"/>
	  <link href="css/style.css" rel="stylesheet">

and my style.sss has
@media screen and (max-width: 600px) 
{
	.smalltext
	{
		padding-top: 5px;
		font-size: 10px;
	    color: #3e4860;
	    text-align:center;
	}
 
	#clockdiv
	{
		font-family: sans-serif;
		color: #FFFFFF;
		display: inline-block;
		font-weight: 100;
		text-align: center;
		font-size: 18px;
		margin: 0 auto;
		/*width: 500px;*/
	}
}
 
.smalltext{
	padding-top: 5px;
	font-size: 18px;
    color: #3e4860;
    text-align:center;
}
#clockdiv{
	font-family: sans-serif;
	color: #FFFFFF;
	display: inline-block;
	font-weight: 100;
	text-align: center;
	font-size: 50px;
	margin: 0 auto;
	width: 500px;
}

Top
Tags: