CSSのメディアスクリーンでレスポンシブ

CSSのメディアスクリーンを使用してレスポンシブ画面を実装するCSSコードのサンプルコード例についてメモです。 以下のように、 “@media screen and (min-width: 800px)” などのコードを使用します。

@media screen and (min-width: 800px) {
  #yuishelp {
        position: absolute; right: 8em;  top: 80px;
  }
}

@media screen and (max-width: 800px) {
  #yuishelp {
        display: none ;
  }
}