Unable to target certain styles at the mobile-grid classes only about unsemantic HOT 3 CLOSED

Hi there,

I've been looking at this some more and have solved the above issue by adding some media queries into my own (not Unsemantic's) stylesheet:

@media screen and (max-width: 400px) {
  footer { text-align: center;}
}

Is this the proper way of targeting mobile only in Unsemantic? It's the way I'd normally do it, but with those mobile-grid-x classes, I just thought I might be able to target them in another way. Probably a newbie error by me! :-)

Thanks,

Stephen

from unsemantic.

Hi Stephen,

it's mobil first... :-) So my suggestion would be something like:
footer .tablet-grid-25, footer .grid-25 { text-align: left; }
somewhere later in the script? Not sure...

Best,
Bernd

from unsemantic.

Either way, you'll need a media query.

Using descendent selectors does not target a specific width.

Those class names still exist in the markup, regardless.

from unsemantic.