Innovation Cloud Image positioning


#1

Hello,
Can someone help me with the 3rd step of the "Innovation Cloud" project please ?
I'm trying to "float" my image to the left/right for a while now and nothing happens and I don't understand why.
Here is my code: https://gist.github.com/4d7ddf7429bfa5e38b1c

A desesperate man.


#2

I don't see anywhere in either your HTML(inline) styling nor your css code about a selector pertaining to your image. You only have 1 general selector your main section - which houses the image.

Edit: got confused with what I said there.


#3

Thanks for your answer but I found the error: it was in ".main img" where the width was on 100%. I don't know why there was that here but now that I deleted this it went alright.


#4

One thing to note is that the float property will only be applied when the screen is less than 500px wide, since the .main img rule is within a media query. Read up on those.