Front End Development Libraries Projects - Build a Random Quote Machine

1

Tell us what’s happening:

Solution viable without basis of test completed, only HTML

Your code so far

<main id="base">
  <div id="quote-box">
    <div id="text-wrapper">
      <h2 id="text">Test Quote Goes Here</h2>
      <span id="author">Author Name</span>
    </div>
    <div id="link-wrapper">
//marked out website so post would go through
      <a href="ht--tps://--twi--tter--.com/i--ntent/tweet" id="tweet-quote">Twitter</a>
      <button id="new-quote">New Quote</button>
    </div>
  </div>
</main>

main{
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: 100vw;
  height: 100vh;
  box-sizing: border-box;
  background-color: #8444F5
}

#quote-box{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #EEEEEE;
  max-height: 75vh;
  max-width: 70vw;
  border: 12px solid lightgray;
  border-radius: 10%;
  padding: 24px;
}

#text{
  font-size: 32px;
  border: 1px solid black;
}

#author{
  font-size: 16px;
  border: 1px solid black;
  position: relative;
  left: 42vw;
}

#link-wrapper{
  margin: 16px auto;
  display: flex;
  justify-content: space-between;
}

#tweet-quote{
  text-decoration: none;
  padding: 4px;
  position: relative;
  right: 60%;
  top: 25%
}

#new-quote{
  color: green;
  padding: 4px;
  border-radius: 50%;
  position: relative;
  left: 60%;
}

const quote = document.getElementById('text');
const author = document.getElementById('author');
const newBtn = document.getElementById('new-quote');
const tweet = document.getElementById('tweet-quote');

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:129.0) Gecko/20100101 Firefox/129.0

Challenge Information:

Front End Development Libraries Projects - Build a Random Quote Machine

using the CodePen editor, the tests available for this project show 12/12 passed with just the code above. I’m going to continue and finish as intended, but I figure this is best known and addressed to maintain the quality I’ve seen thought the rest of the curriculum on here

2

Do you have a question?

3

I have seen this issue pointed out before. It obviously shouldn’t pass without proper code.

But the test library has been archived and is no longer being developed.

https://github.com/freeCodeCamp/testable-projects-fcc

4

awesome, just wanted to make sure that this issue was known already :slight_smile: figured it was, but it can’t hurt to make sure!