- Published on
CSSのメディアスクリーンでレスポンシブ
258文字1分で読めます2,956
閲覧数
- Authors
- Name
- Shou Arisaka nyapp.buzz/shou
- short bio
- Z世代の情報技術者。Next.jsで自作SNSを個人開発中。
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 ;
}
}
15歳でWordPressサイトを立ち上げ、ウェブ領域に足を踏み入れる。翌年にはRuby on Railsを用いたマイクロサービス開発に着手し、現在はデジタル庁を支えたNext.jsによるHP作成やSaaS開発のプロジェクトに携わりながら、React.js・Node.js・TypeScriptによるモダンなウェブアプリの個人開発を趣味でも行う。
フロントエンドからバックエンドまで一貫したアジャイルなフルスタック開発を得意とし、ウェブマーケティングや広告デザインも必要に応じて担当、広告運用・SEO対策・データ分析まで行う低コストかつ高品質な顧客体験の提供が好評。
国内外から200万人を超える人々に支えられ、9周年を迎えるITブログ「yuipro」の開発者、デザイナーでありライター。現在ベータ段階の自作SNS「nyapp.buzz」を日本一の国産SNSとするべく奮闘中。
何かご質問がありますか？
