2016-05-09 8 views
-1

私はウェブ開発でかなり新しいです。私はウェブサイトを構築しましたが、問題はportfolioセクションにあります。イメージとテキストをすべてのデバイスに集中させることはできません。Divが異なるメディアクエリに集中していない

ウェブサイトのURL:alextodea.net

どうもありがとう!

関連するコード。メディアクエリを使用CSS:

+8

ここに関連コードを追加してください。 – Chris

+0

私はそれを編集しようとしましたが、約4つのブロックがあります。彼らは私がコードを追加することを許可しません。 –

+0

エラーは何ですか? – Chris

答えて

0

alextodea.net/css/style.cssが、これは980px以下の機器に画像とテキストを中心に説明する、あなたのCSSにこれを追加します。

@media screen and (max-width:990px) { 
#workd .thumb, #workd .description { 
    float: none; 
    margin: 0 auto; 
    text-align: center; 
} 
.col-xs-12.col-md-8.description.block.more { padding-left:0; } 
} 
+0

感謝を「挿入」をクリックしますが、残念ながらそれはまだ何も中心ない...働いていない。動作するはずです –

+0

を、私はあなたのウェブサイトで最新のコードを参照することができません。あなたはそれを追加しましたライブウェブサイト? –

+0

コードあなたは私をお勧めhttp://alextodea.net/css/style.css –

0

あなたは

.row { 
    /* margin-right: 78px; */ 
    margin-left: 0px; 
    margin-top: 30px; 
} 

とのstyle.cssライン340削除パディング右にを取り除くライン1616年bootstrap.css にこのルールを変更する必要があります。

@media (max-width: 767px) 
.block.more { 
    /* padding-right: 75px; */ 
} 

次に、うまくいくと思います。

関連する問題