Блог

У меня есть компонент:

 <Row>
            <Col xs={10}></Col>
            <Col xs="auto">
                <OverlayTrigger
                    placement="right"
                    delay={{ show: 250, hide: 400 }}
                    overlay={backwards}
                ><Image width="25%" height="25%" src="/assets/cofnij.jpg" thumbnail onClick={() => window.history.back()} />
                </OverlayTrigger>
            </Col>
            <Col xs="auto" >
                <OverlayTrigger
                    placement="right"
                    delay={{ show: 250, hide: 400 }}
                    overlay={backToMain}
                >
                    <FontAwesomeIcon
                        onClick={() => history.push("/")}
                        icon={faWindowClose} color="red" size='2x'
                    /></OverlayTrigger> </Col>

        </Row>
 

что порождает меня:

Я попытался поместить их обоих в 1 колонку, но затем я вижу:

разных размеров.. когда я меняю размер в 3 раза для fontawesome, у меня есть:

похоже, размер в порядке, но другой Y .. Не знаю, как с этим справиться.

Спасибо!

поместите их в одну колонку и добавьте ниже классы в col

 "d-flex align-items-center justify-content-center"