Trying to figure Mobile CSS

[Vertex1]

Used @media (max-width: 481px) {
$el.x-image {
margin-right: 300px !important;
}
}

For the circle images in the box I tried to style the images for mobile but doesn’t appear correctly. Appears like this:

At link : http://senterradev.vertex.com/future-investments/

[ruenel]

Hello Mark,

Thanks for posting in!

Please have your code updated and use this code instead:

@media (max-width: 767px) {
  $el.x-image {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

This code will reset your margins in smaller screen positioning the images at the middle of the screen.

Hope this helps.