0

I'm using semantic-ui CSS making for responsive, but it is not working on mobile view, here is my class.

<div class="computer only twelve wide column mobile only UI container tablet only ui container"></div>

So there is something wrong?

Termininja
  • 6,620
  • 12
  • 48
  • 49
John Nguyen
  • 21
  • 2
  • 2
    I'm pretty sure the text inside of the class attribute should go inside the
    tag. O.o
     – CodeMonkey Apr 12 '16 at 03:15
  • Or it is actually used to style it but missing hyphens like: `computer-only twelve-wide-column mobile-only tablet-only ui-container`. – Paul Apr 14 '16 at 17:25
  • Maybe you guys should try looking at the library (http://semantic-ui.com/) before commenting. – J. Titus Apr 14 '16 at 17:26

1 Answers1

0

UI is capitalized after mobile only. The class names are case sensitive.

On top of that, I think you want to use the markup like this:

<div class="computer only twelve wide column">
    <!-- computer only stuff -->
</div>
<div class="mobile only ui container">
    <!-- mobile only stuff here -->
</div>
<div class="tablet only ui container">
    <!-- tablet only stuff here -->
</div>
J. Titus
  • 9,535
  • 1
  • 32
  • 45