Samyredos' Tribute Page

Please Logon to https://codepen.io/Sammyredos/pen/VRdZgE to see how and what need to be added to my tribute Page. Thanks.

1 Like

Hi,

First off, codepen wants you to verify your email address. Please do that so we can see your page full screen.

Overall you have a nice design but there are things you need to take care of.
Most important, you need to leave the script in your HTML section. With it you can run the tests to see if you’ve met all the user story requirements. As it stands, you are only meeting one of the ten requirements. The script code to put back is;
<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
Click on the arrow in the HTML section and run the HTML Analyzer.
You shouldn’t have the <br> element as a child of the <ul> element. Each listing will start on a new line anyway. If you want to increase the space think about line-height in CSS.
id’s can and should be used only once. You have multiple uses of the same id in your code.
Your timeline does not scale well. On a smaller screen your paragraphs turn out to be one word on top of another
so
it
reads
like
this

  1. Remove the <style> element from the CSS, it is only used when you have the CSS inside the HTML.

  2. Try this for the UL

#Paragraph-2 {
  /* text-align: center; */
  font-family: Overpass;
  /* padding: 10px 300px; */
  max-width: 800px;
  margin: 0 auto;
}
  1. Add all the requirements as needed. After you have added the test script, click the button “Tests 1/10” and look at the requirements. Note, you can also add the test script by clicking the settings button and then go to the JavaScript tab and pasting in the link.