How do I center the nth-child elements here? Currently, it aligns my divs in a row, which is what I want, but how can I center the elements in the middle of my page based on browser width? Right now, if I center the elements by changing left: px; it only works on my main display. When the site is visited from browsers with different display sizes, it is not centered. How can I fix this issue? Or maybe there is another approach I can take?
/* Overview bottom */
.content-box-s {
margin: 0 0 5px 1px;
width: 222px;
overflow: hidden;
bottom: -75px;
position: fixed;
-webkit-transition: all 0.95s ease-in-out;
-moz-transition: all 0.95s ease-in-out;
-o-transition: all 0.95s ease-in-out;
transition: all 0.95s ease-in-out;
}
/* CSS code continues... */