Tribute Page - Build a Tribute Page

HTML-CSS
1

My CSS code is not working, what could be the problem?

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <link rel="stylesheet" href="style.css">
<head>
  <meta charset="UTF-8">
  <title id="title">
    Miss Lindokuhle Gama</title>

  </head>
  <body>
  <main id="main" class="parallax__layer parallax__layer--base">
    <h1 id="title"> Miss Lindokuhle Gama</h1>

    <div id="img-div">
      <div id="image-container">
      <img id="image">
    <img style="margin:auto;" src="https://silvercode.com.au/wp-content/uploads/2021/01/woman-coding-on-laptop.jpg"/>
      <figcaption id="img-caption">
        <p> A web developer</p>
        <label id="tribute-info">
          <p> These are some of my projects</p>
      <a target="_blank" id="tribute-link"  href=" href="<link rel="stylesheet" href="styles.css"></a>
        
      </body>
      </html>
      </main>

/* file: styles.css */
 #image{
max-width: 100%;
        height: auto;
 margin: 0 auto;
 }  

 img{
   display: block;
   background-image: url"https://silvercode.com.au/wp-content/uploads/2021/01/woman-coding-on-laptop.jpg";
   
 }

Your browser information:

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

Challenge Information:

Tribute Page - Build a Tribute Page

2

You appear to have created this post without editing the template. Please edit your post to 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 you say, the more we can help!

3

Hey @lindo9 welcome to the forum
It is just a typo nothing much
You have linked this

instead of

styles.css

Happy coding

1 Like
4

Thank you. It’s worked

1 Like
5

Always glad to be of help

6

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