cssで中央寄せ

画面を大きくしても小さくしても文字や画像を中央にもってくる方法を教えてください
問題の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 ベストアンサー 回答者： fujillin 回答日時： 2023/05/19 11:16

こんにちは

質問者様にとっては既知の事実でも、提示されていなければ、回答者には全くのブラックボックスです。
肝心のHTMLがないのは致命的。

以下あたりをご参考にどうぞ。
https://www.sejuku.net/blog/55523

この回答へのお礼

有り難う御座いました

お礼日時：2023/05/19 11:43