画面を大きくしても小さくしても文字や画像を中央にもってくる方法を教えてください
問題のCSSはこちらです
/*フッター*/
/*フッターコンテナ*/
/*フッターコンテナ スマホ*/
/*スマホ*/
.footer{
background-color: #e7e7e7;
}
/*pc*/
@media (min-width: 768px) {
.footer{
background-color: #e7e7e7;
}
}
/*スマホ*/
.footer-contaler{
max-width: 390px;
align-items: center;
}
/*pc表示*/
@media (min-width: 768px) {
.footer-contaler{
background-color: #e7e7e7;
max-width: 1366px;
display: flex;
justify-content: center;
}
}
/*ナビリスト間隔*/
/*フッタートップ*/
.footer-nav-list-group{
padding-top: 37px;
}
/*レシピ間隔*/
/*スマホ*/
.footer-top{
margin-left: 21px;
padding-top: 61px;
padding-bottom: 41px;
}
@media (min-width: 768px){
.footer-top{
padding-top: 81px;
padding-bottom: 36px;
}
}
/*グループファースト*/
/*スマホ*/
.footer-nav-llst-group-First{
display: flex;
}
@media (min-width: 768px){
.footer-nav-llst-group-First{
display: flex;
padding-bottom: 26px;
}
}
/*フッターボトム*/
@media (min-width: 768px){
.footer-bootom{
margin-left: 229px;
}
}
/*ナビリストセカンド*/
/*スマホ*/
.footer-nav-llst-group-second{
display: flex;
margin-bottom: 24px;
flex-wrap: wrap;
}
@media (min-width: 768px){
.footer-nav-llst-group-second{
display: flex;
}
}
/*ナビリストアイテム*/
.footer-nav-list-item{
padding-top: 20px;
margin-right: 44px;
}
/*snsリスト*/
/*スマホ*/
.footer-sns-list-group{
display: flex;
margin-left: 61px;
padding-bottom: 43px;
}
/*snsリストPC*/
@media (min-width: 768px){
.footer-sns-list-group{
display: flex;
}
}
/*スマホ*/
.footer-sns-list-item{
padding-top: 43px;
margin-right: 42px;
font-size: 31px;
}
@media (min-width: 768px){
.footer-sns-list-item{
margin-right: 42px;
padding-top: 79px;
margin-bottom: 76px;
font-size: 31px;
}
}
/*snsリスト色*/
/*スマホ*/
.footer-sns-list-item a{
color: #999999;
}
/*pc用*/
@media (min-width: 768px){
.footer-sns-list-item a{
color: #999999;
}
}
お願いします
No.1ベストアンサー
- 回答日時:
こんにちは
質問者様にとっては既知の事実でも、提示されていなければ、回答者には全くのブラックボックスです。
肝心のHTMLがないのは致命的。
以下あたりをご参考にどうぞ。
https://www.sejuku.net/blog/55523
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- JavaScript ソースコードのいじる場所が分かりません。 1 2022/12/23 02:06
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
- HTML・CSS CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか 5 2022/04/09 17:52
- HTML・CSS htmltとcssのコードで 1 2022/11/26 13:37
- HTML・CSS テキストを画面の真ん中に配置したいです。 2 2022/11/25 16:11
- PHP style.cssのjQuery条件付きcssが機能しない 4 2022/07/17 18:27
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS cssの display: flex;で横並びにならずに困ってます 1 2022/12/04 13:18
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlの文字が縦書きになる
-
CSSがなぜかfont-sizeだけ効か...
-
CSSでボックスのheightが0になる
-
Flexslider2のカーセルスライダ...
-
CSSの角丸での質問です。 今、C...
-
スクロールボックスを中央に配...
-
CSS、width100%でもできる余白
-
widthやheightの数値に単位(px...
-
ul liのclass指定について
-
FFにおけるDIVタグ間の隙間につ...
-
safariやFirefoxで右のカラムが...
-
CSSで画像の配置について
-
背景が下まで表示されないんです。
-
Firefoxで一番下のstickyが上に...
-
CSSで背景画像を一番下にもって...
-
li 黒丸含んで移動する方法
-
html5 2段組で行頭を揃える方法
-
CSSでborderの長さを指定、また...
-
スタイルシートで画面を縦に2...
-
CSS windowsIE 最後の文字が...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlの文字が縦書きになる
-
widthやheightの数値に単位(px...
-
css初心者 フレックスボックス...
-
form input テキストを上下中央...
-
<div>と<div>の間の10px程の...
-
CSSがなぜかfont-sizeだけ効か...
-
divで囲まれたpaddingの指定を...
-
表示倍率を変えるとレイアウト...
-
画像イメージの上下左右、欲し...
-
CSS、width100%でもできる余白
-
cssで中央寄せ
-
CSS:animation開始位置の設定
-
スクロールボックスを中央に配...
-
CSSで背景画像を一番下にもって...
-
【CSS】ヘッダーの高さが不明の...
-
初心者html・CSS ウィンドウを...
-
footer を横幅いっぱいに広げる...
-
CSSで指定した背景画像にリンク...
-
div領域をウインドウサイズに合...
-
W3Cのソースコードの検証サービ...
おすすめ情報