Learn HTML & CSS : Part 1 | The CSS Setup | Exercise 5


#1

Good day,

The instruction reads:

  1. Link a file called style.css to index.html. The attributes should be set in the following order: href, type, rel.

Note: The contents of style.css aren't important for now, so the file is not shown at the moment. In the next unit, you'll learn more about the fundamentals of CSS.

I have changed the code to the following;

head>
link href='/style.css' type ='text/css' rel='stylesheet'>
/head>

The original code was;

head>
link href='https://fonts.googleapis.com/css?family=Roboto:400,300,500,100' rel='stylesheet' type='text/css'>

/head>

When I press the Run button, I am not getting any errors but am still unable to press the Up Next button.

What am I doing wrong?


#2

First, you do have a < at the beginning of each those lines, right?
also, I don't think you are supposed to replace the first link. you should have both. ergo:

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

Unless you misclicked somewhere else and broke something like I always do, that should work.


#3

In complement to the above response. You can also try to refresh your browser and check out for the order of the attributes (as you mention above). Additionally, for including files the href should look like href="file.css" or href="../file.css" depending on where is your file placed.

Remember that:

'/' indicates the root of the current drive;
'./' indicates the current directory;
'../' indicates the parent of the current directory.