I have a couple of inquiries.
First off,
I'm facing an issue with centering everything within a form while aligning the text to the left side of the fields. I've attempted using justify-center and align-items within the "container" class and the "form-style" class, but nothing seems to work.
You can find a portion of the code and a link to the Codepen here:
.form-style {
width: 50%;
position: relative;
display: flex;
flex-flow: column wrap;
justify-content: center;
align-items: center;
}Also,
.container {
display: flex;
flex-flow: column wrap;
justify-content: center;
align-items: center;
}Additionally,
I am attempting to make my submit button fill 100% width without any spacing at the sides.
input[type="submit"] {
display: block;
background-color: #08ABD9;
font-family: 'jura', sans-serif;
font-size: 16pt;
font-weight: bold;
height: 40px;
border: none;
margin-top: 40px;
margin-bottom: 0px;
width: 100%;
}