Skip to content

Instantly share code, notes, and snippets.

@myogeshchavan97
Created October 26, 2022 17:33
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save myogeshchavan97/2e0b00d38f8f927799d8180906e9dde3 to your computer and use it in GitHub Desktop.
Save myogeshchavan97/2e0b00d38f8f927799d8180906e9dde3 to your computer and use it in GitHub Desktop.
CSS Style
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-size: 20px;
width: 60%;
margin: 10px auto;
}
.errorMsg {
max-width: 350px;
color: #f21e08;
padding: 2px 0;
margin-top: 2px;
font-size: 14px;
font-weight: 300;
}
.form-control {
display: flex;
flex-direction: column;
margin-bottom: 10px;
}
.form-control label {
width: 20%;
padding-right: 20px;
margin-bottom: 5px;
}
.form-control input[type="text"],
.form-control input[type="password"] {
width: 40%;
padding: 5px;
}
button {
max-width: 150px;
padding: 5px 10px;
}
@media screen and (max-width: 600px) {
body {
width: 90%;
}
.errorMsg {
max-width: 100%;
}
.form-control {
flex-direction: column;
}
.form-control input[type="text"],
.form-control input[type="password"] {
width: inherit;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment