MagicMirror² v2.14.0 is available! For more information about this release, check out this topic.

Problem With Hue-Module


    so i am having 3 hue Lights (4, with 1 hidden) and i am trying to line them up in a row at Top_center.
    Can someone help me?
    I tried this in the custom.css but no success:
    .mmm-hue-lights .grid {
    width: auto; // do i have to adapt the width manually?
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap; //cause i want no wrap
    margin: -10px;
    max-width: auto; // adapt this too?
    justify-content: center;
    align-items: center;
    .mmm-hue-lights .grid .hue {
    //float: left; //test
    width: calc(33.33% - 20px); //like in your example or does this have to be 33.33% of the top_center?
    margin: 10px;
    display: block;

Log in to reply