Downテーマを使っています。
カスタムLiquidを使い画像の上に文字が表示されるように
HTMLとcssを入力しました。
パソコンでは思い通りに表示されましたがスマホサイズにすると崩れていまします。
スマホ対応はどのようにしたらよろしいでしょうか？
HTML
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
css
.container{
width:1200px;
height:auto;
position: relative;
}
.container img{
width:100%;
height:auto;
}
p{ position:
absolute; top:50%;
left:50%;
transform: translate(-50%,-50%);
padding:0;
margin:0;
font-size:30px;
color: red;
}
よろしくお願い致します