.main-content { padding: 20px 30px; text-align: left; } .recently-added-section-card { padding: 10px 1% 15px; display: inline-block; margin: 0 0 15px; vertical-align: top; width: 16.6%; } .location-container { text-align: left; border-bottom-width: 1px; margin-top: 5px; } .location-title { white-space: nowrap; text-overflow: ellipsis; display: block; overflow: hidden; } .news-link { color: #fbc531; } .news-link:hover{ color: #b99229; } @media screen and (max-width: 1300px) { .recently-added-section-card { width: 24.3%; } } @media screen and (max-width: 768px) { .recently-added-section-card { width: 33.3%; } } @media screen and (max-width: 625px) { .recently-added-section-card { width: 50%; } } /* @media screen and (max-width: 425px) { } */