yushi0 https://blog.hatena.ne.jp/yushi0/ エンジニアyushiのブログ https://yushi-dev.hatenablog.com/ 自作ブログ TypeScript React Next.js Styled Components Github Pages 自作ブログを作っています。 yushi-dev.hatenablog.com 技術スタック TypeScript React Next.js Styled Components GitHub Pages 今回からデザイン調整を行います。 まずはResponsive対応を行います。 Responsive対応 Responsive対応、すなわち表示端末の画面サイズに応じて表示を切り替える対応を行います。 今回は、PC画面・iPad画面・スマホ画面を目安にした3つのサイズに対応します。 現在は幅が飛び出すような表示になってしまっています。 下記のように対応しました。 PC画面 iPad画面 スマホ画… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fyushi-dev.hatenablog.com%2Fentry%2F2024%2F04%2F01%2F001204" title="【自作ブログ #16】デザイン調整 - エンジニアyushiのブログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/y/yushi0/20240331/20240331232327.png Hatena Blog https://hatena.blog 2024-04-01 00:12:04 rich https://yushi-dev.hatenablog.com/entry/2024/04/01/001204 1.0 100%