Quote box won't center (Random Quote Machine)

Tell us what’s happening:

Hello! I can’t seem to get my quote box to center like the rest of the content. Thanks in advance!

Your code so far

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/84.0.4147.125 Safari/537.36.

Challenge: Build a Random Quote Machine

Link to the challenge:

Hello there,

Hello there.

Some things to note when using CodePen:

  1. CodePen does not expect any content outside the body tags.
  2. All meta, link, and script information must be put in the :gear: settings section of the HTML editor.
  3. You do not need to/cannot link the CSS in your HTML, if you place the CSS in the appropriate section.
  4. If your project uses React, use the Babel preprocessor, and link the CDN in the appropriate :gear: section.
  5. The editors offer the ability to format and analyze your code, providing useful information about forgotten closing tags etc.

If you are still confused with how to use CodePen, please read the official documentation.


Here is a quick fix for your centering problem:

.col-md-8 {
  display: grid;
}

.quote-box {
  justify-self: center;
}

Hope this helps

Awesome, thanks so much Sky! I appreciate your details as well as the quick fixes!