##写真の部分のリストにjustify-content: space-between;を適用したいのですが記述しても全く変化がありません。footer__listの部分にかけると思ったのですが全く変化しないので何か邪魔しているような感じがするのですが解決策がわからないので教えていただけると幸いです
html
1<footer class="footer"> 2 <ul class="footer__list"> 3 <li class="contact"> 4 <a href="#"><img src="images/mail.svg" alt="" class="img-fluid"><span>contact</span></a> 5 </li> 6 <li class="copyright"> 7 © AleXss Hair 8 </li> 9 <li class="sns-icon-fb"> 10 <a href="#" ><img src="images/face-1.svg" alt=""></a> 11 </li> 12 <li class="sns-icon-twi"> 13 <a href="#" ><img src="images/twitter-1.svg" alt=""></a> 14 </li> 15 </ul> 16 </footer>
css
1.footer{ 2 background-color: $cBlack; 3 height: 200px; 4 display: flex; 5 align-items: center; 6 7 8 9 &__list{ 10 display: flex; 11 align-items: center; 12 margin: 0; 13 padding: 0; 14 list-style: none; 15 } 16} 17 18.contact{ 19 width: 2em; 20 21 & > a{ 22 text-decoration: none; 23 color: $cWhite; 24 } 25} 26 27.copyright{ 28 color: $cWhite; 29} 30 31 32.sns-icon-fb{ 33 margin: 0; 34 width: 2em; 35} 36 37.sns-icon-twi{ 38 margin: 0; 39 width: 2em; 40}
追記margin0はデフォルトでかかってしまっているものをうちけしています
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/03/01 13:16