Set different image alignment in different breakpoint

Hi guys, I’m going crazy.
I’m developing a website for a client of mine.
http://classyday.xyz/isamascherine/
I need to set a different alignment for the image of Italian flag as you can see in the screenshots.
on the desktop breakpoint is ok, aligned on the left. but in the smartphone breakpoint I’d like to set it centered. how can I do? I tried with class but I can’t do what I want.
tx in advance

start with the mobile breakpoint first, then change the others moving until you get to desktop.

that should do it

tx @Whittfield but but it didn’t work :frowning:

Hard to tell without seeing the markup, but try resizing the element handles if they are full width. drag them to the width of the flag and then repeat what I said above.

hope this makes sense.

Hey @davideakadudu,

As @Whittfield said, we can only guess without seeing it.

Do you have the float set to left?

1 Like

yes I have.
if I move it in the center for the smallest breakpoint, when I go to the nexi is a little bit to the left, and in the bigger breakpoint is totally unalligned

moving that float on the left and changing the allignement in the right panel of blocs I was be able to fix the problem. thank you very much guys

3 Likes