About the certification-projects subforum

On this subforum you can ask questions about the certification projects in the https://freeCodeCamp.org/learn curriculum.

Each of freeCodeCamp’s 6 certifications has 5 required certification projects. You can build these projects using whatever tools you want, then submit their URLs at https://www.freecodecamp.org/settings.

7 Likes

I need some help for Product Landing Page. When I run the code i have ONE error.

Obviously, my navBar is at the top of the viewport, you can see it:
codepen

I don´t understand why! Can anybody help me?

the code for <header> element is:

<header id="header">
      <!-- link to direct you to the colorcodex website-->
      <a id="brandLink" href="https://colorscodex.github.io/sitioWeb/inicio.html" target="_blank" title="home ⎮ colorscodex web page" rel="external">
        <div id="brand">
          <img id="header-img" src="image/colorscodex-logo.jpg" alt="logo image" title="logo image">
          <div id="header-title">
            <h1 id="brand-name">colorscodex</h1>
            <p id="brand-description">A Vegan Mediterranean Cuisine</p>
          </div>
        </div></a>

      <nav id="nav-bar">
        <!--Skip links -->
        <!-- target: _self, that opens the linked document in the same frame as it was clicked (this is default)-->
        <ul>
          <li><a class="nav-link" href="#landingPage" target="_self">About</a></li>
          <li><a class="nav-link" href="#titleVideo" target="_self" title="Go to the video">Features</a></li>
          <li><a class="nav-link" href="#catalogs" target="_self" title="Cards to show the catalog cover">Catalogs</a></li>
        </ul>
      </nav>
    </header>
1 Like

Hi I tried submitting the URL for my tribute page but when I click on show solution it redirects to my link but does not show my code. What am I missing please:

Here’s the link to my code: https://codepen.io/freeCodeCamp/pen/MJjpwO

1 Like

Hi, I just finished all projects from the Responsive Web Design section, and I’ve seen that it was issued a certificate which I cannot access it… I’m getting this message when clicking on the certification button:
“…has chosen to make their certifications private. They will need to make their certifications public in order for others to be able to view them.”
I checked my profile settings, and my certifications are made public so I don’t see where the issue is. Can anyone guide me on how to access the certificate? Thanks!

I have created:
1.Tribute Page
2.Survey Form
3.A Product Landing Page
4.Technical Documentation Page
I have submitted the URL from Codepen but my projects don’t update that I have completed the challenge.

I already submit it 2 and I got lil bit confused in the 3rd one about: Responsive Web Design Projects - Build a Technical Documentation.
It will take time from me more than usual :frowning_face:

@maliciouscode254 Do try resubmitting the projects and just to be sure you can go to your profile and check if your submissions have been counted.

@neszly.norbert
Do check out if all these three are public.

@Bild96 Don’t worry keep at it. Remember you have an entire community supporting you here. Also there are many who have already done this part so you can do it too. Cheers

1 Like

goodgood

1 Like

That’s awesome, :+1: appreciate that.
this is my work so far for this section, it’s not perfect . hopefully I will improve in the coming days…

<!DOCTYPE html>
<html lang="en">
<head>
<title>Technical Documentation Page</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* {
  box-sizing: border-box;
}

body {
  font-family: Arial, Helvetica, sans-serif;
}

/* Style the header */
header {
  background-color: #f39c12;
  padding: 10px;
  text-align: center;
  font-size: 15px;
 
}

/* Create two columns/boxes that floats next to each other */
nav {
  float: left;
  border: 1px solid black;
  background-color: #bdc3c7;
  padding: 75px;
  width: 25%;
  padding-bottom: 588px;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 25px;
  font-weight: 800;
  color: black;
  text-shadow: 0 0 3px #FF0000, 0 0 5px #2ecc71;
   
  
}

  
/* Style the list inside the menu */
nav ul {
  list-style-type: none;
  padding: 75px;
  text-align: justify;
  width: 25%;
  font-size: 25px;
  font-weight: 800;
  padding-left: 45px;
  padding-right: 0px;
  
  
}

article {
  border: 1px solid black;
  float: left;
  padding: 30px;
  width: 75%;
  background-color: #f1f1f1;
   padding-bottom: 100px;
   text-align: justify;
  
}

/* Clear floats after the columns */
section:after {
  content: "";
  display: table;
  clear: both;
}

/* Style the footer */
footer {
  background-color: #f39c12;
  padding: 10px;
  text-align: center;
  
}

/* Responsive layout - makes the two columns/boxes stack on top of each other instead of next to each other, on small screens */
@media (max-width: 400px) {
  nav, article {
    width: 100%;
    height: auto;
  }
}
</style>
</head>
<body>


<header>
  <h2 span style="color:Black">Electronic Cash</h2>
</header>

<section>
  <nav>
    <ul>
      <li><a href="https://www.bitcoincash.org/faq.html">About</a></li><br>
      <li><a href="https://www.bitcoincash.org/start-here.html">Start_Here</a></li><br>
      <li><a href="https://www.bitcoincash.org/wallets.html">Wallet</a></li><br>
       <li><a href="https://www.bitcoincash.org/graphics.html">Graphics</a></li><br>
    <li><a href="https://www.bitcoincash.org/">Reference</a></li><br>
    </ul>
    
  </nav>
  
  <article>
    <h1>Bitcoin Cash</h1>
    <p>A better money, is a Digital currency that can be used by anyone, anywhere, anytime.
</p>
    <p>Peer-to-Peer Electronic Cash
Enabling new economies with low fee micro-transactions, large business transactions, and permissionless spending.</p>


<h2>About</h2>
<p>Bitcoin Cash brings sound money to the world, fulfilling the original promise of Bitcoin as "Peer-to-Peer Electronic Cash". Merchants and users are empowered with low fees and reliable confirmations. The future shines brightly with unrestricted growth, global adoption, permissionless innovation, and decentralized development.<br>All Bitcoin holders as of block 478558 are also owners of Bitcoin Cash. All are welcome to join the Bitcoin Cash community as we move forward in creating sound money accessible to the whole world.</p>

<h2>Start Here</h2>
<p>The two easiest ways to get Bitcoin Cash is to buy or work for it. Buying Bitcoin Cash is the most used and convenient way, where all you have to do is sign up for a Bitcoin exchange and deposit funds so you can convert it to Bitcoin Cash. The exchange will send you Bitcoin Cash after the trade has occurred. The other option is to earn Bitcoin Cash by working for it, for example finding a job on a job board that pays in Bitcoin Cash or creating your own service (selling t-shirts for example) and earning Bitcoin Cash.</p>

<h2>Wallet</h2>
<p>Getting started with Bitcoin Cash is super easy. The first step is to download a wallet so that you can begin participating in the Bitcoin economy. Most wallets are free to download and are easy to use that have a few key features such as sending, receiving, storing funds securely, transaction lookups, and more.</p>

<h2>Graphics</h2>
<p>Promotional Graphics: These Bitcoin Cash logos and brand assets can be used for display in online services, retail establishments, press or other promotional purposes.

<h3 <span style="color:blue"></span>Download Bitcoin Cash logos in PNG and SVG:</h3>
<a href="https://www.bitcoincash.org/media-kit/Bitcoin-Cash-Logos.zip" download>
  <img src="https://www.bitcoincash.org/media-kit/6-bitcoin-cash-logo-horizontal-small.png" alt="Bitcoin Cash" >
</a><br><hr>

<h2>Reference</h2>
<p><ul><li>All the documentation in this page is taken from <u <span style="color:blue"></span>here</u></li></ul></p>

  </article>




</section>
</body>


<footer>
  <p span style="color:Black">Copyright &copy; 2020 afronomad.eth</p>
</footer>

</html>



       
      
      
       

You have most of the basic structure in place. So it basically just applying the running the testing scripts on codepen and fixing all the tasks accordingly.

One thing that i can immediately point out is you need to place the footer tag inside the closing body tag. The closing body tag </body> will only be preceded by the </html> tag.

2 Likes

@colorscodex If the navbar must be fixed at the top of the viewport, try using position: fixed; and then give that fixed navbar container a top property of zero, top: 0;.

Best of luck!

1 Like

U need to update your account settings there you will get option about public and private change the setting to private only then you will be able to access your certificate.

Hii, sorry this is not related to your question but can you tell me where to find the projects. I am new here and i don’t know where to find the topics of projects.

After submitting the project of all i didn’t receive any certificate yet

Hi Mr. Quiny! I just finished the challenge for a web designer, but I don’t know how to get the certificate! Can you please explain this to me?
Thank you!

Cheikh A. T. SANE

@cats77

Hi Mr. Larson. I’ve completed and submitted all the projects for the Responsive Web Design Certification, but still yet to receive a certification/confirmation on my profile. Any instructions on what i should do?