html - CSS - Div's are running off page on mobile -
i have below set of code. works fine in browsers. noticed on main galaxy s5 browser (which i'm sure affects other browsers also), 2 images run off page. appreciate help. know answer may simple, after trying 100 things on few days, believe have unnecessary value somewhere , accidentally merged 2 solutions.
thanks,
.arrow { width: 21px; height: 57px; } .pagination { max-width: 100%; } .pagination_sub { width: 700px; height: 57px; margin: auto; display: flex; align-items: center; } .pagination_pre { width: 410px; height: 57px; } .greypagination { width: 33px; height: 57px; } .prearrow { width: 12px; height: 57px; } .prepagination { width: 44px; height: 57px; }
<div class="pagination"> <div class="pagination_sub"> <div class="pagination_pre"></div> <div class="prepagination"> <img src="../images/pgpage.jpg" width="44" height="57" /> </div> <div class="greypagination"> <img src="../images/pg1-grey.jpg" width="33" height="57" /> </div> <div class="greypagination"> <img src="../images/pg2-blank.jpg" width="33" height="57" /> </div> <div class="prearrow"></div> <div class="arrow"> <img src="../images/pgarrow.jpg" width="21" height="57" border="0" /> </div> </div> </div>
Comments
Post a Comment