C#•3mo ago

✅ (beginner) Align child to left, parent to the middle

Could you please help me make "logo" in the middle of the page, and icons to the left? Keeping them at the same height, everything horizontally

<div>
            <div class="header">
                <div class="logo">
                    <AppLogoIcon 
                        width="200"
                        height="200" />
                </div>
                <div class="icon-buttons">
                    <AddNewDiagramIconButton
                        width="100"
                        height="100"
                        onClick={() => addNewDiagram()}
                        className="btn btn-link"
                        label={<AddNewDiagramIconButton />}
                    />                    
                    <ChooseSchemaIconButton 
                        width="100" 
                        height="100" 
                        onClick={() => chooseSchema}
                        className="btn btn-link"
                        label={<ChooseSchemaIconButton />}
                    />    
                </div>
            </div>

<div>
            <div class="header">
                <div class="logo">
                    <AppLogoIcon 
                        width="200"
                        height="200" />
                </div>
                <div class="icon-buttons">
                    <AddNewDiagramIconButton
                        width="100"
                        height="100"
                        onClick={() => addNewDiagram()}
                        className="btn btn-link"
                        label={<AddNewDiagramIconButton />}
                    />                    
                    <ChooseSchemaIconButton 
                        width="100" 
                        height="100" 
                        onClick={() => chooseSchema}
                        className="btn btn-link"
                        label={<ChooseSchemaIconButton />}
                    />    
                </div>
            </div>

3 Replies

Angius•3mo ago

That has nothing to do with C# But you'd probably use a flexbox

rv77777•3mo ago

Oh I am sorry !close

Accord•3mo ago

Closed!

Gaming

Programming

✅ (beginner) Align child to left, parent to the middle