css - Right align the content in a column inside a row

Question

(This question already has answers here): question from:https://stackoverflow.com/questions/66051079/right-align-the-content-in-a-column-inside-a-row

Answer 1

Please add display: 'flex', justifyContent: 'flex-end' to your Col:

 <Row gutter={[0, 8]}>
        <Col span={15} style={{display: 'flex', justifyContent: 'flex-end'}}>
            {currentProject.tags &&
                    currentProject.tags.map((tag, index) => (
                        <Tag key={index}>
                            {tag}
                        </Tag>
                    ))}
        </Col>
        <Col span={9}></Col>
    </Row>

You can check it here