Step 3 The image don't go to the left of the text. HELP!


#1


https://www.codecademy.com/courses/web-ext/projects/html-css-prj_innovation-cloud

The image don't go to the left of the text...


HTML:

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

CSS:
/* Main */
.main .container {
	margin: 80px auto;
}

.main img {
    float:left;
  
/* Jumbotron */
.jumbotron {
	height: 600px; 
	text-align: right;
  background:url(https://s3.amazonaws.com/codecademy-content/projects/innovation-cloud/jumbotron_bg.jpg);
  color:white;

}

.jumbotron .container {
	position: relative;
	top: 220px;
  
}


/* Footer */
.footer { 
	font-size: 14px;
  background-color:black;
  color:white;
}

/* Media Queries */
@media {
  .header h1 {
    font-size: 50px;
    line-height: 64px;
  }

  .main, .jumbotron {
    padding: 0 30px;
  }


#2

You need to add the following to the img tag (after src="#"): "height="128" width="196"

At least that's what solved it for me.
Unfortunately this is not made explicit in the instructions.


#3

When declaring a float, it is always a good idea to include dimensions. Width is a must, and height is optional. If you write the dimensions in the CSS, then you do not need the attributes on your img tag.


#4

Hello i need help with Add the following list items to the ordered list:

Russia
United States
Canada


#5

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.