Personal Portfolio Webpage - Build a Personal Portfolio Webpage

HTML-CSS
1

Tell us what’s happening:
Hi, i dont understand how i get the projects of fcc in the website.Can you help me?

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">
    <title>Personal Portfolio Page</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    
    <nav id="navbar">
        <ul>
            <li><a href="about">About</a></li>
            <li><a href="work">Work</a></li>
            <li><a href="contact">Contact</a></li>
        </ul>
    </nav>
    <section id="welcome-section">
        <h1>Hey I am Finette</h1>
        <h2>a web developer</h2>
    </section>
<section id="projects">
    <div class="project-tile">These are some of my projects</div>
    <a href="(New) Responsive Web Design Certification _ freeCodeCamp.org.html" target="_blank"></a>
</section>

<section>
    <div class="projects">You can find me here</div>
    <div id="profile-link" href="https://www.freecodecamp.org/Finette">
       <img src=https://www.freecodecamp.org/learn>
    </div>
</section>
<hr>
<footer>&copy  2022<a href="https://www.freecodecamp.org/Finette"> Finette </footer>
</body>
</html>

/* file: styles.css */
html{
    background-color: rgb(250, 247, 244);
}

body{
   
    font-family: Arial, Helvetica, sans-serif;
}
#navbar{
    background-color: rgb(236, 175, 175);
    margin: auto;
    padding: 10px;
}

ul{
    display: inline-flex;
    list-style-type: none;
    margin: 0;
    margin-left: auto;
    padding: 0;
    text-align: center;       
}

li{
   text-indent: 120px;
}

#welcome-section{
    background-color: rgb(175, 166, 174);
    margin-top: 10px;
    padding: 100px;
    text-align: center;       
    z-index: 1;
}

h1{
    font-size: 50px;

}
h2{
    font-style: italic;
}

.project-tile{
    background-color: rgb(173, 204, 204);
    font-size: 30px;
    font-weight: bold;    
    margin-top: 10px;   
    }

.projects{
    background-color: rgb(155, 155, 196);
    font-size: 30px;
    font-weight: bold;    
    margin-top: 10px;
}

@media only screen and (max-width: 600px) {
    body {
      background-color: rgb(160, 157, 157);
    }
  }

Your browser information:

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

Challenge: Personal Portfolio Webpage - Build a Personal Portfolio Webpage

Link to the challenge:

2

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