モバイルビュー（CSS）でコンテンツと画像のセンタリング

Question

私はこれを1時間以上実行していますので、誰かがこれを理解するのを助けることを期待しています！

私はこれらの画像をモバイルビュー内に集中させようとしていますが、動作させることはできません。

私はここで私は上でそれを理解しようとしているページがあります...しかし、私はこだわっている、

@media only screen and (max-width: 900px){ 
.fusion-column-wrapper { 
padding-left: 25px !important; 
}} 

をカスタムCSSのさまざまな試みました。 http://blisspaperboutique.com

Answer 1

ラッピングアンカータグとimgの両方をdisplay: blockに設定する必要があります。また、imgにmargin: 0 autoと設定します。

@media only screen and (max-width: 900px){ 
    .fusion-column-wrapper a { 
    display: block; 
    } 
    .fusion-column-wrapper a img { 
    display: block; 
    margin: 0 auto; 
    } 
}