Media query wont work

1

yet again im lost!

body {
	font-family: Arial;
	color: slategray;
}
#container {width:60%;
            margin:auto;}

h1 {
	font-size: 300%;	
}

h1,
h2 {
	color: orange;
	text-transform: uppercase;
	font-weight: 100;
}

img {
	width: 100%;
}

footer {
	margin-top: 70px;
	background-color: orange;
	color: white;
}

footer p {
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}


@media screen and (max-width: 768px){
#container {width:90%;
    
}
h1 {
	font-size: 200%;}
2

It doesn’t look like you closed it correctly. You are missing a }

If you format your code properly, it would be much easier to see it.

@media screen and (max-width: 768px) {
  #container {
    width:90%;    
}
/* missing closing } */
h1 {
  font-size: 200%;
}

/* or missing here if the h1 is meant to be inside the mq */
2 Likes