Struggling to vertically center and center align elements using bootstrap, even with react-bootstrap col and row components.
You can view my code on Codesandbox: Link
Here is the code snippet:
import React, { PureComponent } from "react";
import {
ButtonGroup,
Classes,
H4,
Icon,
Intent,
Tooltip
} from "@blueprintjs/core";
import { IconNames } from "@blueprintjs/icons";
import { Box } from "@rebass/grid";
import { Container, Row, Col } from "react-bootstrap";
import cx from "classnames";
import "styled-components/macro";
import ExportSVG from "./export.svg";
import UploadFile from "./UploadFile";
// rest of the code remains the same
This is how it looks: https://i.sstatic.net/AfuSF.png
The aim is to have icons and text left-aligned, center-aligned to the container, and button right-aligned within the container.
Seeking advice and assistance, any input would be greatly appreciated.