Help with a flexbox item that is not aligning.

[sdetweil]

@bobbylx flex means slides

what are the rules for the flexbox?

when an item is in s flexbox its position is relative to the flex box position on the screen

flex-end puts me at the end of the flex, flex-center is center, flex-start is at the beginning, youmight need self-align, then x,y
relative to the flex box area

x:50% starts your left edge at the middle

looks like moonphase set its own padding

[bobbylx]

Thanks for the info.

As for my horizontal alignment, I’ve got those where I like, and yeah I was aware of the content wrap. I have ssh session and a remote desktop over to my Pi box, so whenever I make a change I restart the process, which closes the developer box. I only open it to check things, but I’m not doing configurations based on the wrapped content when the box is present.

I’ll probably just remove that moonphase anyway, heck, I just need to look out the window.

[sdetweil]

@bobbylx I did this

.region.bar.top .container {
        display: inline-flex !important;
        flex-direction: row;
}
.clock, .weather , .MMM-MoonPhase {
        margin-right: 25px;
        margin-left: 25px;
        background-color:rgba(255, 255, 255,0.6);
        width: 300px;
        height: 180px;
        border-radius:20px;
        padding: 8px;
}     

and got this

[bobbylx]

@sdetweil You sir are a saint. That’s exactly what I was missing, I suspected I needed to separate the individual items from the flexbox, but lacked the knowledge to do it! Thank you!

[sdetweil]

@bobbylx it took me a few(hundred) tries too…

[jakabasej4]

@bobbylx said in Help with a flexbox item that is not aligning.:

@sdetweil You sir are a saint. https://eldfall-chronicles.com/en-si/collections/wargame-miniatures That’s exactly what I was missing, I suspected I needed to separate the individual items from the flexbox, but lacked the knowledge to do it! Thank you!

Reply

cool