Skip to content

Instantly share code, notes, and snippets.

@timurcatakli

timurcatakli/media-query

Last active February 18, 2021 02:24
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save timurcatakli/64b71abd85447eb4dd48865bd8f8f6ea to your computer and use it in GitHub Desktop.
Save timurcatakli/64b71abd85447eb4dd48865bd8f8f6ea to your computer and use it in GitHub Desktop.
Download ZIP
Raw
media-query
// This works based on https://developer.mozilla.org/en-US/docs/Web/CSS/@media
<style>
body {
font-family: "Courier New", Courier, monospace;
padding: 80px;
}
@media screen and (min-width: 600px) {
body {
background-color: tomato;
}
}
<style>
// But this does not work. How come it works on your video
<style>
body {
font-family: "Courier New", Courier, monospace;
padding: 80px;
@media screen and (min-width: 600px) {
background-color: tomato;
}
}
<style>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment