Personal Portfolio Webpage - Build a Personal Portfolio Webpage

HTML-CSS
1

Tell us what’s happening:

Hey guys sorry to disturb you for this matter but I gotta ask. Even though this code passes and I am eligble for the certificate I still don’t know how use flex box, animations, or make this look like a sample project. My all projects are a MESS and I hate to looking at them. I started to think I have spend my 300hours for nothing. I think I didn’t cut out for this and stop making this kinda embarrassing projects and call it a day. Or does it get better? Any help or story might help. Thanks

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 rel="stylesheet" href="styles.css">
    <title> Portfolio Page </title>
    </head>
    <body>
      <section id="welcome-section" class="welcome-section">
        <nav id="navbar" class="navbar">
          <div class="nav-head">
            <div class="nav-home">
              <a href="#" class="Gokberk">Gökberk<a/>
              </div>
              <ul class="nav-bar-links">
                <li><a href="#projects">Projects</a></li>
                <li><a href="#contact">Contact</a></li>
                </ul>
            </div>
        <h1>Hello, I'am Gökberk!</h1>
        <p1>New to this, not a tourist!</p1>
        </section>
        <section class="sec-2" id="projects">
          <h2>Here Are My Projects From FCC</h2>
  <div class="project-1">
    <a 
    href="https://codepen.io/G-kberk-ll-/pen/PovrBEM" 
    alt="Tribute-page"
    target="_blank"
    class="project project-tile">
    <img 
    src="https://cdn.freecodecamp.org/testable-projects-fcc/images/tribute.jpg"
    alt="project"
    class="project-image"
    width="500px">
    <p class="project-title">Tribute Page</p>
    </div>
<div class="project-2">
  <a
  href="https://codepen.io/G-kberk-ll-/pen/PorPzOp"
  alt="Gym App"
  target="_blank"
  class="project project-tile">
  <img
  src="https://i.imgur.com/AcomeiA.png"
  alt="project-image"
  <p class="project-title">Gym App<p>
    </a>
    </div>
<div class="contact" id="contact">
<h3> If You Want to Help Me Improve!</h3>
<p2> I know some my works are not looking good but I know I can improve myself.</p2>
<div class="links">
  <a href="#www.linkedin.com/in/gökberk-çöllü-1a4a70216" id="profile-link" target="_blank">
  <i class="logo-linkedin"></i>LinkedIn
  </a>
  </div>
  <footer>
    <p3>This is just a begining of a new journey </p3>
    <p>
        &copy; Created for
        <a href="https://www.freecodecamp.com/" target="_blank"
          >freeCodeCamp <i class="fab fa-free-code-camp"></i
        ></a>
      </p>
    </footer>
    </html>

/* file: styles.css */
.navbar{
  position: fixed
}
.nav-bar-links {
  display: flex;
  margin-right: 2rem
  }
  @media (max-width: 28.75em) {
  .nav {
    justify-content: center;
  }

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.5 Safari/605.1.15

Challenge Information:

Personal Portfolio Webpage - Build a Personal Portfolio Webpage

2

Hi gokberk! No worries, we all hit roadblocks when learning and attempting any new skill. Leonardo da Vinci probably was not able to paint the Mona Lisa after his first 300 hours holding a paint brush. With practice and further learning, I’m 100% sure you’ll understand it.

The Frontend Developer libraries certification will give you more practice and ideas of techniques to look into further. Also, look at the different articles related to Flexbox (we’re just getting a basic introduction on what Flexbox can do here). But like any skill, it’s not a spectator sport, you have to practice to better understand and improve. It can take one hour or a thousand, but you’ll get there.

Don’t give up!