Mobil görünümde içerik oluşturma ve görseller (CSS)

Question

Bir saatten fazla bir süredir bunun üzerinde çalışıyorum.

Bu görüntüleri mobil görünümde ortalamaya çalışıyorum, ancak işe yaramıyor gibi görünüyor.

Ben

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

İşte ben bunu anlamaya çalışıyorum sayfadır ... Ancak, takıldım, özel css çeşitli denedim. http://blisspaperboutique.com

Answer 1

Sarma bağlantı etiketini ayarlamanız ve her ikisini de display: block'a img etmeniz gerekir. Ayrıca, img'de margin: 0 auto değerini ayarlayın.

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