Having a problem linking file called style.css to index.html. Attributes order: href, type, rel


#1


https://www.codecademy.com/courses/learn-html-css/lessons/css-setup/exercises/review-css-setup?action=lesson_resume&link_content_target=interstitial_lesson

The code I think behaves correctly because the background images changed but I get the following
message
Did you link the stylesheet?

<!DOCTYPE html>
<html>
  <head>
    <link href='https://fonts.googleapis.com/css?family=Roboto:400,300,500,100' rel='stylesheet' type='text/css'>
<link href=style.css type=text/css rel=stylesheet>
  </head>
  <body>
    <div class="header">
      <div class="container">
        <h1>Innovation Cloud</h1>
        <p>Connect your ideas globally</p>
        <a class="btn" href="#">Learn More</a>
      </div>
    </div>

    <div class="nav">
      <div class="container">
        <ul>
          <li>Register</li>
          <li>Schedule</li>
          <li>Sponsors</li>
          <li>About</li>
          <li>Contact</li>
        </ul>
      </div>
    </div>

    <div class="main">
      <div class="container">
        <img src="https://s3.amazonaws.com/codecademy-content/projects/innovation-cloud/cloud.svg" height="128" width="196">
        <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>

    <div class="jumbotron">
      <div class="container">
        <h2>Stay Connected</h2>
        <p>Receive weekly insights from industry insiders.</p>
        <a class="btn" href="#">Join</a>
      </div>
    </div>

    <div class="footer">
      <div class="container">
        <p>&copy; Innovation Cloud Conference</p>
      </div>
    </div>
  </body>
</html>


#2

Hmm your code looks fine. Try using a browser other than chrome.


#3

Hmmm maybe that's it. I was actually using explorer browser.


#4

Actually I think you need to use quotation marks here. Like this.

 <link href="style.css"  type="text/css" rel="stylesheet" >

#5

Oh you are right! I changed it and it works now. Thank you so much!


#6

Can you please mark my reply as the solution ?


#7

Yep did it thanks again.


#8

Love to help :slight_smile:


#9

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