Tribute Page Frustrations

Hi! I have finished my first project and just figured out how to run the tests and find that I am failing the tests. I don’t know why it’s failing and would love some feedback as I feel like I have no clue what I am doing.

HTML:

<html>
  <h1>The Order Of The Good Death</h1>
  
<div class="container text-center">
  <div class="header">
    <div class="header-title">Caitlin Doughty</div>  
  <div class="header-subtitle">From Here To Eternity</div>
<div class="image">
 <div class="thumbnail left-block">
  <img src="image but I can't add it due to not being able to upload post being a newb>
 <div class="caption text-right">Changing the face of the traditional death.</div>
    </div>
   <div id="tribute-info">
    
     <p id="timeline-caption">Timeline of the birth of The Order of the Good Death:</p>
    
     <ul>
      <li><strong>August 19th, 1984</strong> -Caitlin is born in on the island of O'ahu, Hawai'i</li>
      <li><strong>1992</strong> -Caitlin witnessed another child fall from a balcony in a shopping mall.  This will be her first introduction to Death.  She states that because of how the death was handled, she was not prepared to process what had happened.</li>
      <li><strong>2006</strong> -Caitlin graduates from University of Chicago with a degree in Medieval History.  Her thesis is titled <em>"In Our Image: The Suppression of Demonic Births in Late Medieval Witchcraft Theory."</em></li>
      <li><strong>2006</strong> -Caitlin moves to San Francisco, CA at the age of 22 and after six months of searching for a position, she was hired at Pacific Interment at the crematory.</li>
      <li><strong>2006</strong> -Caitlin's position is crematory operator, funeral director, a body-van transport driver which this entails picking up bodies from homes and hospitals.  This also entailed preparing the bodies for the viewings, completed cremations and delivering the remains back to their families.</li>
      <li><strong>2010</strong> -Caitlin graduated from the Mortuary-Science Program from Cypress College.  This would be her second degree.</li> 
      <li><strong>2011</strong> -Caitlin creates her YouTube channel and series "Ask a Mortician" where she humorously works with viewers to change the viewscape of Death.  This is also the birthyear of The Order of the Good Death.</li>
      <li><strong>2012</strong> -12 episodes are aired on YouTube and Caitlin sees an increase in her viewers rising up to 434,000.</li>
      <li><strong>September 2014</strong> -Caitlin publishes her first book at 30, "<em>Smoke Gets In Your Eyes & Other Lessons From the Crematory.</em>"</li>
      <li><strong>2015</strong> -Caitlin opens her first funeral home, <em>L.A. Undertaking</em> with her co-founder.  She also co-founds Clarity Funerals & Cremations.</li>
      <li><strong>October 2017</strong> -Caitlin publishes her second book, <em>From Here to Eternity.</em>  Her book goes over her travels around Mexico, Indonesia, Japan, Spain, Bolivia, and, in the US to which she witnesses various death customs.  Her book reached #7 on the LA Bestseller List and #9 on the New York Times.</li>
      <li><strong>September 2019</strong> -Cailtin's 3rd book, <em>Will My Cat Eat My Eyeballs?</em> is published and becomes both a New York Times Best Seller and Winner of the 2019 Goodreads Choice Award for Science & Technology award.  Her book is pivital due to Caitlin answering children's questions about death.</li>
      
      <div class="quote">"“We can't make death fun, but we can make learning about it fun. Death is science and history, art and literature. It bridges every culture and unites the whole of humanity!”"</div>
  <div class="more-info">Click <there is a link here.</div>

CSS:

Body {
  background-color: black;
}

ul {
  display: inline-block;
  text-align: center;
  property: text-shadow;
  font-family: 'Comic-Sans', sans-serif;
  font-size: 1em;
}

.container {
  background-color: White;
  border-radius: 50px;
  box-shadow: 20px 10px 10px red;
  margin: 30px auto;
}

.header-title {
  font-family: 'Ariel', serif;
  font-size: 5em;
  color: Burgundy;
  text-align: center;
}

.header-subtitle {
  font-family: 'Ariel', serif;
  font-size: 2em;
  color: Burgundy;
 text-align: center; 
}

.image {
  padding: 10px;
  max-width: 760px;
  margin: auto;
}

.thumbnail {
  border-radius: 50px;
  box-shadow: 16px 16px 16px black;
  font-family: 'Ariel', cursive;
  text-align: center;
}

.events-title {
  font-family: 'Comic-Sans', serif;
  font-size: 3em;
  margin: 42px;
}

.quote {
  font-style: italic;
  font-family: 'Ariel', cursive;
  margin: 15px;
  font-size: 1em;
}

.more-info {
  font-family: 'Comic-Sans', sans-serif;
  font-size: 1em;
  margin: 22px;
}

.footer {
  font-family: 'Nova Script', cursive;
}

I purposely left out the image address due to this not letting me uploading otherwise so it may look odd.

Hello there.

Please, for future posts, do not paste a garble of unformatted code. I have partially formatted your code, but this is still not ideal.

In the future, if you have a question about a specific challenge/lesson on the fCC curriculum, use the Get Help button. It will create a pre-populated forum post for you, in the correct subforum.

Also, for help with the certification projects, please paste a link to your CodePen or similar. It would be that much easier to help you, if you linked it.

When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor ( </> ) will also add backticks around text.

Note: Backticks are not single quotes.

markdown_Forums

This was my very first post and it would not let me put in my link. I am sorry to have asked for help since I seem to have done it incorrectly. I was really nervous to even post because I didn’t want to be put down for not knowing. I won’t be reaching out for help in the future since it wasn’t well received this time. Sorry for taking your time.

You weren’t being put down, you were being given information to help both you and the rest of us help you. If you still want help then just provide a link to your project code.

Update: Sorry, I didn’t read carefully enough that you weren’t allowed to add a link because it was your first post. That probably slipped by Sky020 as well. I’m assuming that by the time most people get to the projects they have posted here enough to not have that restriction, so we probably made that assumption as well. Please don’t take it personally, everyone here is actually very helpful and nice.

Since you can’t post a link right now, maybe split it up into two pieces? Or maybe you can put triple backticks around it?

1 Like

I had a different issue with the same moderator, so I know what the person feels like, from a beginner’s perspective it totally feels different. I think some moderator should learn from other moderators like ArielLeslie on how to communicate.

Don’t ever feel bad asking for help, that is what the forum and the community is here for. And don’t feel bad about the code, almost nobody who is new to the forum knows how to post code correctly. That is really our fault, not yours.

It would be great if you can post a Codepen link. You can “break” the link by adding a space between codepen and .io in the URL which should let you post the link.

Looking at your code you are missing some of the ids the test needs. The ids are used by the test to check the requirements and so they have to match exactly what it says in the User Stories. You can click the red button on the test window to see what tests are failing and why. The messages are fairly descriptive and should give you a good idea of what is wrong.

Hello,

Not sure if you are relieved of your frustrations, but I would totally be willing to help you if you still need it. I would even be willing to walk you through it over a online call where you or I could share our respective screens as necessary.

Coding alone can sometimes be tough and overwhelming. I’d hate for you to get discouraged. Hitting a roadblock is normal even for the best programmers.

Let me know. I’ll be around on FCC tomorrow (Monday).

-Christopher :slightly_smiling_face:

Please understand that my intentions were to inform you of the use of the forum. Nothing more.

EDIT: Not correct
Also, please note: anyone is able to provide a link to their project, as long as they do it through the Get Help button on the specific challenge. For the projects, as long as they have put a URL in the solution box when they use the Ask for Help button, it will appear in the prepopulated post.

And again, as a new post, I couldn’t submit a link EVEN AFTER going through the channels you stated. I tried to do everything the correct way for the best opportunity for help. I apologize if I came across harshly, but it is really frustrating and came across condescending, even if that wasn’t your intent. Just a newb’s two cents. I appreciate your trying to help, I just feel that instead of telling me that I needed to do xyz, please try to understand where I am coming from of the system telling me I couldn’t do it the way you told me to. I now know a different way and may reach back out for help but ultimately, this was not a good experience for me and reinforced my desire to work alone as I have a severe anxiety when it comes to asking for help.

Hi Christopher, I never managed to get it worked out and actually needed to take time away from it. I found myself worked up and suffering from a severe lack of sleep and patience. I would greatly appreciate the help. Thank you for your gracious offer.

Luna

@lunavwinchester, on a side note, when any of the tests fail you can click on the red button and it will show which test(s) failed and give you log text that should help you figure out what went wrong with your code.

I tried to do that and never figured out how to get the tests to show. It just told me 2/10 failed.

If you did your project on codepen just paste in the last part of the link, from /pen on.

Ah ok. I can do that.

Is your username, lunavwinchester, the same on codepen? If not, need that too

My name on codepen is lunarlunav and the page is https://codepen.io/lunarlunav/pen/oNXepGR

1 Like

Good deal, you’re able to post links! Congrats!

So what happens when you click on the red button after running the tests?

1 Like

It’s now giving me actual information. It wouldn’t do that at all last time. Gah, I feel like I have zero clue what I am doing lol. I really appreciate you helping me and walking me through this. I know I am stubborn and can be difficult to work with at times. Thank you.

Nope, no worries. You’re doing good. If we were born knowing this none of us would be here.
Go ahead and try and resolve those issues. If you have problems give another shout out.

Btw, interesting person you chose to tribute. I’m not familiar with her so will be doing a little looking up.

Happy coding!

2 Likes

Welcome to the forum :smiley: :smiley: @lunavwinchester:

I’ve looked your tribute page and some errors are easy-fix. I just type some code in your codepen and ran the test: 5 / 10. :smiley:
:smiley: :smiley:Just chek the directions in the red button :smiley: :smiley:

I paste my tribute page link: You could see it, play with the code and see how the page changes and after that you could applied into your own page.

https://codepen.io/leonardootc/pen/oNgrGzr

2 Likes