Problem w/ Project: Innovation Cloud | Float image left

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= />
        <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>


This is my css code:
/* Main */
background-color: white;

.main .container {
margin: 40px auto;

.main img
float: left;

thank you,

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

1 Like

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

No problems :slight_smile: You too!