Learn CSS Grid by Building a Magazine - Step 2

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**

/* file: index.html */
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name= "viewport" content= "width=device-width, initial-scale=1.0"
   <link type="text/css" rel="stylesheet" href="./styles.css"/>
   <a href= "https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap?> https://use.fontawesome.com/releases/v5.8.2/css/all.css" 


</head>
<title> magzine </title>

<body>
</body>
</html>

/* file: styles.css */


  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36

Challenge: Learn CSS Grid by Building a Magazine - Step 2

Link to the challenge:

2

Hello there.

Please Tell us what’s happening in your own words.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more information you give us, the more likely we are to be able to help.

3

having problem with my link : it says link element for the https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap font stylesheet, a link for the https://use.fontawesome.com/releases/v5.8.2/css/all.css FontAwesome stylesheet, and a link for your ./styles.css

4

This steps asks you to add 3 link elements and one title element all into the head area.

So far I see you have attempted to add one link element out of the 3 requested.

Also your title is not in the correct location (inside the head element)
And you should check the spelling of the title against the one given.

Try to add the missing links…

5 
 <link type="text/css" rel="stylesheet" href="./styles.css"/>
 <link rel= "https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap?""> 
 <link href="https://use.fontawesome.com/releases/v5.8.2/css/all.css
6

try to check where the double quotes are meant to go.
I see some double quotes in the wrong place
and I see some missing quotes

7

still the same here

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link href= "https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap?"> 
     <link href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" 
      <link type="text/css" rel= "stylesheet" href= "./styles.css"
      <title> magazine </title>
  </head>
8

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

9

i see 3 lines of code all having mistakes in them.
Check again your syntax. All elements in HTML start with < and end with >
Also double check your spelling for the title.

10

ohh thank you , all link element are self closing , forget to to closing the first tags

11

Magazine is wrong check he speeling.