Fixed width content in semantic ui

semantic-ui

Solution

If I understand you correctly, I think that's not possible with Semantic UI grids. But using min-width and min-height might help you.

CSS

.fixed-width {
    width: 300px;
    height:300px;
    min-width: 300px;
    min-height:200px;
    border:1px solid #000000;
}

Have a look at this jsfiddle snippet

Problem

Is there a 'correct' way of creating fixed width content in Semantic-UI? I have a canvas element on the page which must remain a specific size, however when using their grid system it seems to always scale no matter what setup I try.

Original source