I'm currently working on a React project and facing an issue with aligning my Button variant in the center of the home screen. I've tried various methods but haven't been successful so far. Does anyone have any suggestions or solutions for this?
Here is a snippet of my code:
import React from "react";
import { Link } from "react-router-dom";
import "./App.css";
import Fancyline from "./Fancylines";
import lock from "./lock.png";
import { Typography, Button, Card, Grid } from "@material-ui/core";
import homepage1 from "./homepage1.png";
function Login() {
return (
<div
style={{
minHeight: "100vh",
backgroundImage: `url(${homepage1})`,
backgroundPosition: "center",
backgroundSize: "cover"
}}>
<div style={{
textAlign:"center",
verticalAlign:"bottom",
bottom:"0px"
}}>
<Link to="/Language">
<Button variant="contained" color="secondary" size="large">
CONTINUE
</Button>
</Link>
</div>
</div>
);
}
export default Login;