Цитата trem200 (
)
В общем возникла проблема при адаптации дизайна под мобильное устройство, а именно указав нужный стиль "@media only screen and (max-width: 940px) { }", и попробовав написать, что элементы должны стоять чётко по середине, ни чего не получилось. Попробовал прописать в стили "Float: Center;" нужные элементы по середине не встали. Что надо прописывать в данном случае?
Попробуй данный код
Код
/*Material_info_load*/
.material {text-align: center;}
.material-info {display: inline-block;width: 100%;background-color: #0a151b; padding: 10px;}
.material-block {color: #fff;font-size: 14px;text-align:left;display: block;float: left;margin: 5px;width: 48%;}
.material-block a{color: #fff;}
.material-block a:hover{color: #b33d3d;}
.material-info p {color: #fff; font-size: 12pt;}
.material-info span {padding: 10px; background:#b33d3d;}
.user_file {float: right;}
.uf_ava {width:150px;}
.uf_info a {color: #fff;}
.uf_info a:hover {color: #b33d3d;}
.uf_info span {background:none;}
@media only screen and (max-width: 940px) {
.material-block {
color: #fff;
font-size: 14px;
display: block;
float: none;
margin: 0 auto;
width: 100%;
padding: 5px;
text-align: center;
}
.user_file {
margin: 0 auto;
text-align: center;
display: inline-grid;
float: none;
}
}
/*END*/