Personal Portfolio Webpage - Build a Personal Portfolio Webpage

HTML-CSS
1

I need an element with the class of “project-tile”. I coded the page and I didn’t use the project tile class until the end. So I made a div at the end with the correct class, and it’s still not working. Any help on this last step?

Your code so far

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

Replace these two sentences with your copied code.
Please leave the ``` line above and the ``` line below,
because they allow your code to properly format in the post.

Your browser information:

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

Challenge: Personal Portfolio Webpage - Build a Personal Portfolio Webpage

Link to the challenge:

2

Please post your code

3

I need an element with the class of “project-tile”. I coded the page and I didn’t use the project tile class until the end. So I made a div at the end with the correct class, and it’s still not working. Any help on this last step?

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link href="styles.css" rel="stylesheet" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
    <title class="project-title">Portfolio</title>
  </head>
  <body>
    <header id="header">
      <nav class="nav-bar" id="navbar">
        <div class="text-wrapper">
          <ul>
            <li><a class="nav-link" href="#About">About</a></li>
            <li><a style="decoration=none" class="nav-link" href="#Work">Work</a></li>
            <li><a style="decoration=none'" class="nav-link" href="#Contact">Contact</a></li>
          </ul>
        </div>
      </nav>
    </header>
    <section id="welcome-section">
      <h1>Hi, I am Ahijah</h1>
      <h5>A Web Developer</h5>
    </section>
    <section id="projects">
      <h2 class="projects-header">These Are Some of My Projects</h2>
      <div class="project-grid">
      <a href="https://codepen.io/Ahijah-Marseille/pen/Yzdywbd" id="profile-link 1" target="_blank"><img class="project-image" src="https://i.imgur.com/cco7Tcu.png"/>
      <p class="project-title 1">Survey Form</p></a>
      <a href="https://codepen.io/Ahijah-Marseille/pen/QWzjyeN" id="profile-link 2" target="_blank"><img class="project-image" src="https://i.imgur.com/4abBl7n.png"/><p class="project-title 2">Tribute Page</p></a>
      <a href="https://codepen.io/Ahijah-Marseille/pen/YzdywmB" id="profile-link 3" target="_blank"><img class="project-image" src="https://i.imgur.com/yW68K3Z.png"/><p class="project-title 3">Technical Documentation Page</p></a>
      <a href="https://codepen.io/Ahijah-Marseille/pen/abPvNoY" id="profile-link 4" target="_blank"><img class="project-image" src="https://i.imgur.com/P42evSF.png"/><p class="project-title 4">Product Landing Page</p></a>
      <a href="https://codepen.io/Ahijah-Marseille/pen/poqjyyP" id="profile-link 5" target="_blank"><img class="project-image" src="https://i.imgur.com/17EtZz0.png"/><p class="project-title 5">City Skyline</p></a>
      </div>
    </section>
    <section class="contact">
      <div class="contact-header">
        <h1>If you need to contact me...</h1>
        <br>
        <h3>Click These Links</h3>
      </div>
      <div class="contact-links">
        <a href="https://github.com/ahijahm9" class="github" target="_blank" id="profile-link 6"><p class="contact-link"><i class="fa fa-github"></i>
Github</p></a>
        <a href="https://www.facebook.com/ahijacker.marseille" target="_blank" class="facebook" id="profile-link 7"><p class="contact-link"><i class="fa fa-facebook"></i>
Facebook</p></a>
        <a href="https://twitter.com/AhijahM" target="_blank" class="twitter" id="profile-link 8"><p class="contact-link"><i class="fa fa-twitter"></i>
Twitter</p></a>
        <a href="mailto:ahijah.marseille@gmail.com" target="_blank" class="email" id="profile-link 9"><p class="contact-link"><i class="fa fa-laptop"></i>
E-Mail Me</p></a>
        <a href="tel:904-662-3920" target="_blank" class="phone" id="profile-link"><p class="contact-link"><i class="fa fa-phone"></i>
Call Me</p></a>
      </div>
      <div class="project-tile"></div>
    </section>
  </body>
</html>
4
  1. projects section should contain at least one element with a class of project-tile to hold a project

So I made a div at the end with the correct class

guess it matters where you put it, doesnt it?

1 Like
5

What error are you getting?
“project-tile” is not correct, the class is “project-title”
You already added the correct class near the beginning of the project.

6

if you like to teach, please dont teach wrong.

name of class is project-tile
look at assignment.
you also dont need to answer to question, if it’s already been answered by someone else.

7

Lets not bicker about helping please!

1 Like
8

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