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

Popular posts from this blog

Spring Boot + JPA + Hibernate: Unable to locate persister -

go - Golang: panic: runtime error: invalid memory address or nil pointer dereference using bufio.Scanner -

c - double free or corruption (fasttop) -