Hanging Punctuation

[quin0268]

@muxlowc

When adding the hanging punctuation class, it compresses all of the paragraphs to the left and layers all of the words on top of each other, instead of putting the punctuation in the left gutter. There is also a problem with the font or the letter width, as the sizes I set are correct, but in the markbot screenshots they are slightly less heavy and slightly more compressed, enough that markbot thinks that the difference is too great.

[muxlowc]

@quin0268

So you actually have to put the "hang-punc" class on just the quotation mark (and not the whole paragraph).. so it should look like this:

<p><span class="hang-punc">“</span>Who invited you aboard?”</p>

For some reason a lot of people were having the same issue with the fonts, so if you change your linked font in your html to this code, it should help:

<link href="https://fonts.googleapis.com/css?family=PT+Serif:400,400i,700" rel="stylesheet">

-- One other thing that people were having an issue with was the blockquote, which i'll give you here (because it's super nit-picky!) :)

Hope these help!

[quin0268]

@muxclowc

The hanging punctuation is really tiny, and when I try to set it to a larger class, it stays the same size visually but takes up the amount of space that a larger quotation mark would.

[muxlowc]

@quin0268 ah, you are using tick marks instead of curly quotes - I would just copy/paste the curly quotes from your content.txt file :)

I attached an image to show the difference:

[quin0268]

@muxlowc Thanks, looks like that worked. I've gotten to the point where I'm 1% off from markbot being happy, since the width of the text of the "Conan Joins the Pirates" part is a bit too compressed, but if I raise the font size by the smallest increment it becomes too large. That has happened before where everything else will work, but some parts of the text will by a little compressed or stretched compared to the screenshots, but I think that the font and the font sizes are correct.

[muxlowc]

@quin0268

Try changing your linked font to this (it's ever so slightly different than what google is currently giving you):

Also, change your blockquote from micro to milli

That should do it!

[quin0268]

@muxlowc

What should I change the linked font to?

[muxlowc]

@quin0268 weird, i dont know why it didn't post:

<link href="https://fonts.googleapis.com/css?family=PT+Serif:400,400i,700" rel="stylesheet">