Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

What is going on with purecss here?

What is going on with purecss here?

Problem

I'm trying to integrate Purecss with a project I've been working on.

It was just borking my layout for some reason, so I tried to create an extremely primitive template (below), and I'm just getting funny letter spacing. What is going on?



  
    

Left side.

Right side.

JSBin showing issue:

http://jsbin.com/ubarag/1/edit

My code appears to be correct when looking at examples, so I must be doing something really obvious/stupid...

Edit:

Appears to be linked to these two issues, except none of the work-arounds in the comments are working for me.

Problem courtesy of: Anonymous

Solution

The class pure-u-2-4 is not recognized by Pure. Instead, use the class pure-u-1-2 to get columns with 50% width:

Left side.

Right side.

Solution courtesy of: Russ Ferri

Discussion

View additional discussion.



This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

What is going on with purecss here?

×

Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription

×