Really stuck mobile version CSS

I have posted something about this already (and deleted to post so I do not add more about the same thing lol). I am having issues with the Additional CSS “configuration” where one image is not in the same row as the other two (please see the image below):


Where I am trying to achieve something like this:


And this is what I have right now for the Additional CSS:

@media screen and (max-width: 600px) {
.logos-wrapper {
padding: 0;
margin: 0;
list-style: none;
display: flex;
justify-content: flex-start;
align-items: center;

.logos-wrapper img {
display: block;


I have followed the instructions of really cool people on Reddit but I do not get any changes 😔 also I checked the Console in Google Chrome and the changes in there for CSS are applied, and I tried to add those commands, but nothing still.

I feel really stressed out because the client has been really patient with me but I really want to get it completed as soon as possible.

Thank you so much in advance!



This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer