search

bensullivan8 / header-icons

Use float to add navigation and two image icons to the header of a website.
0 stars 0 forks source link

Visual differences & Font-family #1

Open bensullivan8 opened 5 years ago

bensullivan8 commented 5 years ago

Hi Thomas, First of all, I'm struggling with the 'Merriweather' font-family code. When I submit it into Markbot it tells me it is expecting double quotes around "Merriweather", but when I place double quotes around it and submit it again, Markbot tells me the double quotes are unexpected. Do you know how to get past this? Also, I am having trouble with the visual differences on Markbot between my page and the example page. It says 52% differences for all pixel sizes and shows that my header has a bunch of space beneath it, pushing the list ('Home', 'Cereal', and 'Legumes') and the grain images way down the page. Could I get some help with this, please? Thanks. @thomasjbradley

thomasjbradley commented 5 years ago

Re: Merriweather—

Don’t use any quotes. Since it’s just one word & has no spaces in the font name quotes are not necessary.

thomasjbradley commented 5 years ago

Re: images & space—

This is a weird bug in Markbot/Chrome (Markbot uses a slightly older version of Chrome to render the pages). Add height: 100% to the grain icons—it’s an SVG rendering bug.