Black Friday Sale! Get $20 off GP Premium, $40 off our new Lifetime license, and 45% off license renewals/extensions! Learn more

[Resolved] Prefix / Suffix class on tablet

Home Forums Support Prefix / Suffix class on tablet

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #448148
    Paul

    How can I apply a prefix and suffix of 25 to desktop and tablet?

    Grid columns are 50 on desktop and tablet, increasing to 100 on mobile. I have the prefix and suffix working on desktop, but can’t get it to apply on tablet. I suspect my HTML is wrong.

    This:

    <div class="inside-grid-column grid-50 tablet-grid-50 prefix-25 suffix-25 mobile-grid-100"></div>

    isn’t right. I’ve tried a few variations but I haven’t got it right.

    Thanks,
    Paul.

    #448304
    Tom
    Lead Developer
    Lead Developer

    I’m not sure I understand. What is prefix-25 supposed to do?

    You can see all of the available classes here: https://unsemantic.com/

    Let me know 🙂

    #448875
    Paul

    Hi Tom,

    Prefix & Suffix classes create an empty visual space – handy for aligning a div, particularly if you have an odd number and you want to center align the final div.

    I read the documentations on classes again and figured it out:

    <div class="inside-grid-column grid-50 prefix-25 tablet-grid-50 tablet-prefix-25 mobile-grid-100">

    Works.

    Thanks.

    #448946
    Tom
    Lead Developer
    Lead Developer
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.