Problem w/ Project: Innovation Cloud | Float image left


#1

Hello people,

I just can't figure out how to float the image to the left. :pensive:
I tried a lot of things and also looked in the hint box ...

This is my HTML code:
/*

<div class="main">
      <div class="container">
                   		<img src=https://s3.amazonaws.com/codecademy-content/projects/innovation-cloud/cloud.svg />
        <h2>The Innovation Cloud Conference</h2>
        <p>Connect with the best minds across a wide range of industries to share ideas and brainstorm new solutions to challenging problems.</p>
        <p>Hear industry leaders talk about what worked (and what didn't) so that you can save time on your most challenging projects.</p>
         <p>Learn about the latest research and technologies that you can use immediately to invent the future.</p>
      </div>
    </div>

*/

This is my css code:
/* Main */
.main
{
background-color: white;
}

.main .container {
margin: 40px auto;
}

.main img
{
float: left;
}

thank you,
NNDR


#2

Heyyo, you can try restricting max image dimensions through max-width and max-height properties.


#3

Thanks this helped me a lot.
I just didn't recognize that i need to add padding and margin to position it right :joy:

Have a good day


#4

No problems :slight_smile: You too!