Archived topic
Prefix / Suffix class on tablet
3 replies · Started by Paul on December 12, 2017
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.
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 :)
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.
Glad you got it working :)
