ブラウザの幅を変えると要素間が離れてしまいます（画像のように）中央寄せにした上で、離れないようにするにはどうすればいいのでしょうか？画像①ブラウザ最大化状態 ![イメージ説明](7a5ca0b91617fb3d2be555cd1222c105.png) 画像②ブラウザの幅を小さくするとこうなってしまう状態 ![イメージ説明](6a54992581aa9a1755943d173ca91609.jpeg) ```HTML pc-site

PC カリキュラム

自己紹介

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor

``` ```CSS @charset "UTF-8"; .l-wrapper { background-color: #fffaf0; } .l-header { display: flex; justify-content: space-between; align-items: center; } .l-header__logo { width: 90px; height: 90px; padding: 10px; } .p-nav__menu { display: flex; } .p-nav__list { margin-right: 40px; } .p-nav__button { font-size: 150%; text-decoration: none; } .c-hero { height: 1000px; background-image:url(../images/hero.jpg); background-repeat: no-repeat; background-size: cover; } .l-main__title { display: flex; justify-content: center; padding: 130px 0px 130px 0px; color: #808080; font-size: 250%; } .p-gallery { color: #808080; font-size: 200%; } .l-contents { display: flex; padding-left: 60px; } .p-gallery__tilte { margin-bottom: 15px; padding: 2px 0px 0px 20px; border-left: solid 8px #ff69b4; background: transparent; color: #808080; font-size: 90%; } .p-gallery__menu { display: flex; flex-wrap: wrap; } .p-gallery__photo { width: 350px; height: 250px; margin: 15px 60px 0px 0px; } .p-gallery { width: 400%; } .p-selfintroduction { padding-right: 70px; } .p-selfintroduction__title { margin-bottom: 30px; padding: 2px 0px 0px 20px; border-left: solid 8px #ff69b4; background: transparent; color: #808080; font-size: 190%; } .p-selfintroduction__text { color: #808080; font-size: 150%; line-height:35px; } .c-copyright__inner { display: flex; justify-content: center; padding: 100px 0px 100px 0px; } .c-copyright__text { padding: 30px 50px; border: solid 2px white; background: #6495ED; color: #fff; font-size: 150%; box-shadow: 0px 0px 0px 10px #6495ED; } ```

PC カリキュラム

最新の作品

自己紹介

	@@ -1 +1 @@
1	- ブラウザの~~サイズ~~を変え~~ると画像~~が~~ずれて~~しまう
1	+ ブラウザの幅を変えても要素の位置が変わらないようにしたい

質問編集履歴