html - How do I position these images under the logo when scaling down to be responsive? -


i have section in header on right side scales down fine exception of how right block of images moving. images resize fine, once begin scale down, push logo div , placed above it.

how can position them place under logo , line accordingly while staying in header , without turning display none when reach screen size?

here link jsbin of images/badges. live site in wordpress , code post. maybe if use firebug or dev tools.

this live version of site.

also sidenote: have -190px margin enabled on live site.

here screenshot referenceenter image description here:

i managed fix issue. added separate media query so:

    @media screen , (max-width: 479px) {      .badges-container {     position: relative;     text-align: center;     margin-top: 0px      }      .badges img {      width: 19%; }    

Comments

Popular posts from this blog

powershell Start-Process exit code -1073741502 when used with Credential from a windows service environment -

twig - Using Twigbridge in a Laravel 5.1 Package -

c# - LINQ join Entities from HashSet's, Join vs Dictionary vs HashSet performance -